@adyen/kyc-components 4.0.0-beta.5 → 4.0.0-compact.0

package/dist/types/components/ui/atoms/Svg/svgs.d.ts

@@ -11,8 +11,6 @@
  * the object key and the svg filename.
  */
 export declare const icons: {
-    'adyen-a-filled': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'arrow-left': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     'arrow-right': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     bag: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     bank: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
@@ -32,7 +30,6 @@ export declare const icons: {
     capital: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     'company-2': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     contract: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'controlling-person': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     cross: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     coins: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     'decision-maker': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
@@ -44,21 +41,17 @@ export declare const icons: {
     graph: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     gift: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     'field-error': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    hide: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     headquarter: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     'info-circle': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     image: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'light-bulb': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     location: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     'more-horiz': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     mail: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     minusCircleFilled: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'new-document': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     payByLinkPlane: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     payout: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     pci: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     plus: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'plus-small': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     plusCircleFilled: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     remove: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     'revenue-accelerate': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
@@ -83,78 +76,14 @@ export declare const customIcons: {
     reporting: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
 };
 export declare const images: {
-    'business-lines': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'document-blurred': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'document-cutoff': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'document-expired': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'document-front': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'us-check': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'us-check-routing-number': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'us-check-account-number': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'id-blurred': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'id-cutoff': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'id-front': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'id-glare': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'passport-blurred': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'passport-cutoff': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'passport-front': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'passport-front-green': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'passport-glare': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'instant-verification-method': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'id-verification-instant': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'id-verification-manual': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'payout-verification-instant': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'payout-verification-manual': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'singpass-verification-instant': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'singpass-verification-manual': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     'onfido-logo': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'singpass-logo': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'plaid-logo': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'tink-logo': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'yapily-logo': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'source-of-funds': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'tax-reporting-graph': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    'decision-makers-group': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
 };
 export declare const svgs: {
-    readonly 'business-lines': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'document-blurred': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'document-cutoff': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'document-expired': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'document-front': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'us-check': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'us-check-routing-number': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'us-check-account-number': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'id-blurred': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'id-cutoff': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'id-front': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'id-glare': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'passport-blurred': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'passport-cutoff': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'passport-front': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'passport-front-green': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'passport-glare': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'instant-verification-method': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'id-verification-instant': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'id-verification-manual': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'payout-verification-instant': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'payout-verification-manual': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'singpass-verification-instant': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'singpass-verification-manual': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'onfido-logo': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'singpass-logo': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'plaid-logo': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'tink-logo': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'yapily-logo': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'source-of-funds': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'tax-reporting-graph': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'decision-makers-group': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly review: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'funds-in': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly house: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly reporting: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'adyen-a-filled': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'arrow-left': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'arrow-right': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly bag: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly bank: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
@@ -174,7 +103,6 @@ export declare const svgs: {
     readonly capital: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'company-2': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly contract: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'controlling-person': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly cross: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly coins: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'decision-maker': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
@@ -186,21 +114,17 @@ export declare const svgs: {
     readonly graph: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly gift: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'field-error': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly hide: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly headquarter: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'info-circle': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly image: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'light-bulb': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly location: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'more-horiz': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly mail: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly minusCircleFilled: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'new-document': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly payByLinkPlane: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly payout: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly pci: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly plus: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'plus-small': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly plusCircleFilled: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly remove: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'revenue-accelerate': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;

package/dist/types/components/ui/atoms/TaskStatusIndicator/TaskStatusIndicator.d.ts

@@ -1,11 +1,11 @@
-import type { TranslationKey } from '../../../../../types';
 import { type TaskStatus } from '../../../../stores/globalStore/taskStatus';
-export interface StatusIndicatorProps {
+interface StatusIndicatorProps {
     taskStatus?: TaskStatus;
 }
-export interface IndicatorLabelAndClassname {
-    indicatorLabel: TranslationKey;
+interface IndicatorLabelAndClassname {
+    indicatorLabel: 'taskComplete' | 'taskInProgress' | 'taskHasErrors';
     indicatorClassname: string;
 }
 export declare const getIndicatorLabelAndClassnames: ({ taskStatus, }: StatusIndicatorProps) => IndicatorLabelAndClassname | undefined;
 export declare const TaskStatusIndicator: ({ taskStatus }: StatusIndicatorProps) => import("preact/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/components/ui/layout/DetailViewLayout/DetailViewLayout.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentChild, type ComponentChildren } from 'preact';
+type ContentAlignment = 'left' | 'center' | 'right';
+interface DetailViewLayoutProps {
+    actions?: ComponentChild;
+    align?: ContentAlignment;
+    children: ComponentChildren;
+    compact?: boolean;
+    description?: ComponentChild;
+    title: string;
+}
+declare const DetailViewLayout: ({ actions, align, children, compact, description, title, }: DetailViewLayoutProps) => import("preact/jsx-runtime").JSX.Element;
+export { DetailViewLayout, type DetailViewLayoutProps };

package/dist/types/components/ui/layout/EndStateLayout/EndStateLayout.d.ts

@@ -0,0 +1,13 @@
+import { type VNode } from 'preact';
+import type { ButtonProps } from '../../atoms/Button/Button.types';
+import type { AlertVariant } from '../../molecules/Alert/types';
+type ButtonVNode = VNode<ButtonProps>;
+interface EndStateLayoutProps {
+    action?: ButtonVNode;
+    description?: string;
+    loading?: boolean;
+    title: string;
+    variant?: AlertVariant;
+}
+declare const EndStateLayout: ({ action, description, loading, title, variant, }: EndStateLayoutProps) => import("preact/jsx-runtime").JSX.Element;
+export { EndStateLayout, type EndStateLayoutProps };

package/dist/types/components/ui/layout/LandingLayout/LandingLayout.d.ts

@@ -1,11 +1,16 @@
-import type { ComponentChild, JSX } from 'preact';
-export interface LandingLayoutProps {
+import type { ComponentChild, JSX, VNode } from 'preact';
+import type { AlertProps } from '../../molecules/Alert/types';
+import type { ErrorPanelProps } from '../../molecules/ErrorPanel/types';
+type ErrorElement = VNode<AlertProps> | VNode<ErrorPanelProps<unknown>>;
+interface LandingLayoutProps {
     actions?: ComponentChild;
     content?: ComponentChild;
     description?: ComponentChild;
     disclaimer?: ComponentChild;
+    error?: ErrorElement;
     helpAction?: JSX.Element;
     media?: JSX.Element;
     title: ComponentChild;
 }
-export declare const LandingLayout: ({ actions, content, description, disclaimer, helpAction, media, title, }: LandingLayoutProps) => JSX.Element;
+export declare const LandingLayout: ({ actions, content, description, error, disclaimer, helpAction, media, title, }: LandingLayoutProps) => JSX.Element;
+export {};

package/dist/types/components/ui/layout/StackLayout/StackLayout.d.ts

@@ -3,6 +3,7 @@ export interface StackLayoutProps {
     horizontal?: boolean;
     gap?: 'none' | 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge';
     children: ComponentChild;
+    centered?: boolean;
 }
-declare const StackLayout: ({ children, gap, horizontal }: StackLayoutProps) => import("preact/jsx-runtime").JSX.Element;
+declare const StackLayout: ({ children, gap, horizontal, centered, }: StackLayoutProps) => import("preact/jsx-runtime").JSX.Element;
 export { StackLayout };

package/dist/types/components/ui/molecules/DocumentGuidance/DocumentGuidance.types.d.ts

@@ -1,12 +1,11 @@
-import type { SvgName } from '../../atoms/Svg/Svg';
 import type { DocumentType } from '../../../../core/models/api/document';
 import type { TranslationKey } from '../../../../../types';
 export interface DocumentGuidanceProps {
     type?: DocumentType;
     className?: string;
 }
-export interface DocumentGuidanceItem {
-    svgName: SvgName;
+export interface DocumentGuidanceItem<T> {
+    svgName: T;
     translationKey: TranslationKey;
     valid?: boolean;
 }

package/dist/types/components/ui/molecules/InputCurrency/InputCurrency.d.ts

@@ -1,9 +1,10 @@
 import type { InputBaseProps } from '../../atoms/InputBase/InputBase';
 import type { Currency } from '../../../../types/datasets/currency';
-export interface InputCurrencyProps extends Omit<InputBaseProps, 'onInput' | 'value' | 'type'> {
+interface InputCurrencyProps extends Omit<InputBaseProps, 'onInput' | 'value' | 'type'> {
     locale: string;
     currency: Currency;
     amount: number | undefined;
     onAmountChanged: (amount: number) => void;
 }
 export declare const InputCurrency: ({ locale, currency, amount, onAmountChanged, ...baseProps }: InputCurrencyProps) => import("preact/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/ui/molecules/InputEmail/InputEmail.d.ts

@@ -1,7 +1,8 @@
 import type { InputBaseProps } from '../../atoms/InputBase/InputBase';
-export interface InputEmailProps extends InputBaseProps {
+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> | undefined;
 }>;
+export {};

package/dist/types/components/ui/molecules/InputGroup/InputGroup.d.ts

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

package/dist/types/components/ui/molecules/InputTelephone/InputTelephone.d.ts

@@ -1,7 +1,8 @@
 import type { InputBaseProps } from '../../atoms/InputBase/InputBase';
-export interface InputTelephoneProps extends InputBaseProps {
+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> | undefined;
 }>;
+export {};

package/dist/types/components/ui/molecules/InputText/InputText.d.ts

@@ -1,6 +1,8 @@
 import type { InputBaseProps } from '../../atoms/InputBase/InputBase';
+import type { ValidatorMode } from '../../../../utils/validation/types';
 interface InputTextProps extends InputBaseProps {
     transformInput?: (input: string) => string;
+    transformMode?: ValidatorMode;
 }
 export declare const InputText: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<InputTextProps> & {
     ref?: import("preact").Ref<HTMLInputElement> | undefined;

package/dist/types/components/ui/molecules/MaskedInput/MaskedInput.d.ts

@@ -1,4 +1,3 @@
-import './MaskedInput.scss';
 import type { JSX, TargetedFocusEvent } from 'preact';
 import type { FieldErrorMessage } from '../../atoms/Field/Field.types';
 import type { MaskSettings } from '../../../../hooks/useForm/types';

package/dist/types/components/ui/molecules/Tabs/Tabs.d.ts

@@ -3,7 +3,7 @@ interface TabOptions<T> {
     label: string;
     disabled?: boolean;
 }
-export interface TabsProps<T> {
+interface TabsProps<T> {
     tabs: TabOptions<T>[];
     activeTab: T;
     onChange: (tab: T) => void;

package/dist/types/context/StateContext/types.d.ts

@@ -30,7 +30,7 @@ interface ResetStateAction {
     type: 'resetState';
 }
 export type SCAction = AddToStateAction | RemoveFromStateAction | ResetStateAction;
-export interface SCCurrent {
+interface SCCurrent {
     setState: null | ((action: SCAction) => void);
     setActiveForms?: (forms: string[]) => void;
 }

package/dist/types/core/models/api/accountIdentification.d.ts

@@ -1,5 +1,5 @@
 import type { components } from '#api/transferInstruments/transferInstruments.contract';
-export type IbanAccountIdentification = components['schemas']['IbanAccountIdentification'];
+type IbanAccountIdentification = components['schemas']['IbanAccountIdentification'];
 export type NumberAndBicAccountIdentification = components['schemas']['NumberAndBicAccountIdentification'];
 export type AULocalAccountIdentification = components['schemas']['AULocalAccountIdentification'];
 export type BRLocalAccountIdentification = components['schemas']['BRLocalAccountIdentification'];
@@ -7,13 +7,14 @@ export type CALocalAccountIdentification = components['schemas']['CALocalAccount
 export type CZLocalAccountIdentification = components['schemas']['CZLocalAccountIdentification'];
 export type DKLocalAccountIdentification = components['schemas']['DKLocalAccountIdentification'];
 export type HKLocalAccountIdentification = components['schemas']['HKLocalAccountIdentification'];
-export type HULocalAccountIdentification = components['schemas']['HULocalAccountIdentification'];
-export type NOLocalAccountIdentification = components['schemas']['NOLocalAccountIdentification'];
+type HULocalAccountIdentification = components['schemas']['HULocalAccountIdentification'];
+type NOLocalAccountIdentification = components['schemas']['NOLocalAccountIdentification'];
 export type NZLocalAccountIdentification = components['schemas']['NZLocalAccountIdentification'];
-export type PLLocalAccountIdentification = components['schemas']['PLLocalAccountIdentification'];
+type PLLocalAccountIdentification = components['schemas']['PLLocalAccountIdentification'];
 export type SELocalAccountIdentification = components['schemas']['SELocalAccountIdentification'];
 export type SGLocalAccountIdentification = components['schemas']['SGLocalAccountIdentification'];
 export type UKLocalAccountIdentification = components['schemas']['UKLocalAccountIdentification'];
 export type USLocalAccountIdentification = components['schemas']['USLocalAccountIdentification'];
 export type LocalAccountIdentification = BRLocalAccountIdentification | AULocalAccountIdentification | CALocalAccountIdentification | CZLocalAccountIdentification | DKLocalAccountIdentification | HKLocalAccountIdentification | HULocalAccountIdentification | NOLocalAccountIdentification | NZLocalAccountIdentification | PLLocalAccountIdentification | SELocalAccountIdentification | SGLocalAccountIdentification | UKLocalAccountIdentification | USLocalAccountIdentification;
 export type AccountIdentification = IbanAccountIdentification | NumberAndBicAccountIdentification | LocalAccountIdentification;
+export {};

package/dist/types/core/models/api/contracts.d.ts

@@ -11,7 +11,7 @@ export interface SignedBy {
     signedBy: string;
     pciTemplateReferences: PciTemplateReferences;
 }
-export type PciTemplateReferences = string[];
+type PciTemplateReferences = string[];
 export interface PciStatus {
     signingRequired: string | boolean;
 }

package/dist/types/core/models/api/get-scenarios.d.ts

@@ -1,16 +1,22 @@
+import type { Scenario as ApiScenario } from '../../../api/configurations/configurations.types';
 /**
- * @description These are the available scenarios matching the API
- * kycexternalapi/src/main/java/com/adyen/services/kycexternalapi/entity/Scenario.java
+ * @description The available scenarios matching the API. Scenarios are a way of defining
+ * when certain fields must be provided by default. For an example of how they are used,
+ * see {@link businessDetailsFieldsPerScenario}.
+ *
+ * *Note*: this const determines in which order scenarios will be evaluated; later entries have
+ * higher precedence. This is needed because the backend may sort them inconsistently.
+ *
+ * E.g. if `L1` and `L1_IDDOC` both define rules for a field, `L1_IDDOC` will take precedence.
  */
 export declare const Scenarios: {
-    readonly L: "L";
     readonly L0: "L0";
     readonly L1: "L1";
     readonly L1_ID: "L1_ID";
     readonly L1_IDO: "L1_IDO";
     readonly L1_NAT: "L1_NAT";
     readonly L1_IDDOC: "L1_IDDOC";
-    readonly L2: "L2";
+    readonly L: "L";
     readonly L_REGDOC: "L_REGDOC";
     readonly L_TAXDOC: "L_TAXDOC";
     readonly L_PROOFOFADDRESS: "L_PROOFOFADDRESS";
@@ -19,4 +25,4 @@ export declare const Scenarios: {
     readonly L_TAXINFO: "L_TAXINFO";
     readonly L_BAFIN: "L_BAFIN";
 };
-export type Scenario = (typeof Scenarios)[keyof typeof Scenarios];
+export type Scenario = ApiScenario;

package/dist/types/core/models/api/individual.d.ts

@@ -1,15 +1,8 @@
 import type { TaxInformation } from '../api/organization';
+import type { ScriptLocalization } from '../api/scriptLocalization';
 import type { Address } from './address';
 import type { CustomerSupport } from './customerSupport';
 import type { Phone } from './phone';
-interface NameLocalizationFields {
-    firstName?: string;
-    lastName?: string;
-}
-interface NameLocalization {
-    script?: string;
-    fields?: NameLocalizationFields;
-}
 export interface Individual {
     birthData?: {
         dateOfBirth: string;
@@ -29,7 +22,10 @@ export interface Individual {
         firstName: string;
         infix?: string;
         lastName: string;
-        localization?: NameLocalization[];
+        localization?: Array<ScriptLocalization<{
+            firstName: string;
+            lastName: string;
+        }, 'ja-Hani' | 'ja-Kana'>>;
     };
     nationality?: string;
     phone?: Phone;
@@ -37,4 +33,3 @@ export interface Individual {
     support?: CustomerSupport;
     taxInformation?: TaxInformation[];
 }
-export {};

package/dist/types/core/models/api/legal-arrangement.d.ts

@@ -2,15 +2,8 @@ import type { CountryCode } from '../../../types/datasets/country-code';
 import type { Address } from './address';
 import type { FinancialReport } from './financialReport';
 import type { TaxInformation, VatAbsenceReason } from './organization';
-interface Localization {
-    script: string;
-    fields: {
-        [key: string]: string;
-    };
-}
 export interface LegalArrangement {
     name: string;
-    localization?: Localization[];
     countryOfGoverningLaw: CountryCode;
     registeredAddress: Address;
     description?: string;
@@ -25,4 +18,3 @@ export interface LegalArrangement {
     principalPlaceOfBusiness?: Address;
     financialReports?: FinancialReport[];
 }
-export {};

package/dist/types/core/models/api/organization.d.ts

@@ -1,4 +1,5 @@
 import type { SetRequired } from 'type-fest';
+import type { ScriptLocalization } from '../api/scriptLocalization';
 import type { TaxReportingClassification } from '../api/tax-reporting-classification';
 import type { TaxIdNumberType } from '../../../components/Shared/fields/IdFieldTypeSelector/countryIdNumberTypes';
 import type { CountryCode } from '../../../types/datasets/country-code';
@@ -7,18 +8,14 @@ import type { CompanyTypesValue } from './company-types-value';
 import type { CustomerSupport } from './customerSupport';
 import type { FinancialReport } from './financialReport';
 import type { Phone } from './phone';
-interface Localization {
-    script: string;
-    fields: {
-        [key: string]: string;
-    };
-}
 /**
  * This is the organization data model present in LEM
  */
 export interface Organization {
     legalName: string;
-    localization?: Localization[];
+    localization?: Array<ScriptLocalization<{
+        legalName: string;
+    }, 'ja-Hani' | 'ja-Kana'>>;
     registeredAddress: SetRequired<Address, 'country'>;
     countryOfGoverningLaw?: CountryCode;
     description?: string;
@@ -58,4 +55,3 @@ export type TaxInformation = {
     type?: TaxIdNumberType;
     numberAbsent?: boolean;
 };
-export {};

package/dist/types/core/models/api/scriptLocalization.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Data for some fields localized for a given script, e.g. `ja-Kana`.
+ */
+export type ScriptLocalization<T, Script extends string> = {
+    script: Script;
+    fields: {
+        [K in keyof T]?: T[K];
+    };
+};

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

@@ -11,7 +11,7 @@ import type { FormRules } from '../types/form-rules';
 import type { AnyTLDSFieldName } from '../utils/getFieldsWithExistingData';
 export declare const composePerScenarioFormConfigurations: <TLDS extends TopLevelDataSchema>(scenarios: Scenario[] | undefined, configurations: PerScenarioFormConfiguration<TLDS, string>) => FormConfiguration<TLDS, string>;
 export declare const augmentWithCountryConfigs: <OuterFormSchema extends TopLevelDataSchema>(countrySpecificConfig: FormConfigurationWithoutRules<OuterFormSchema> | undefined, baseFormConfig: FormConfiguration<OuterFormSchema, string>) => FormConfiguration<OuterFormSchema, string>;
-export type PropsFromConfiguration<OuterFormSchema> = Required<Pick<BaseOuterFormProps<OuterFormSchema>, 'allFields' | 'requiredFields' | 'optionalFields' | 'labels' | 'obscuredFields' | 'trustedFields'>>;
+export type PropsFromConfiguration<OuterFormSchema> = Required<Pick<BaseOuterFormProps<OuterFormSchema>, 'allFields' | 'requiredFields' | 'optionalFields' | 'obscuredFields' | 'trustedFields'>>;
 /**
  * function: getPropsFromScenarios
  *
@@ -52,5 +52,16 @@ export type PropsFromConfiguration<OuterFormSchema> = Required<Pick<BaseOuterFor
  * }
  * ```
  */
-export declare function getPropsFromConfigurations<OuterFormSchema extends TopLevelDataSchema>(scenarioConfiguration: FormConfiguration<OuterFormSchema, string> | undefined, forms: FormList, remediationActions: Remediation[], dataMissingErrors: VerificationError[], fieldsWithExistingData: AnyTLDSFieldName[], // TODO can type more strictly as `MappingKey<FormSchema>`
-customRules: FormRules<string> | undefined, _customLabels: {} | undefined, _customValidators: {} | undefined, legalEntityType: LegalEntityType | undefined, legalEntityTrustedFields?: LegalEntityTrustedFields[], remediationFieldAsOptional?: boolean): PropsFromConfiguration<OuterFormSchema> | undefined;
+export declare function getPropsFromConfigurations<OuterFormSchema extends TopLevelDataSchema>({ scenarioConfiguration, forms, remediationActions, dataMissingErrors, fieldsWithExistingData, // TODO can type more strictly as `MappingKey<FormSchema>`
+customRules, legalEntityType, legalEntityTrustedFields, remediationFieldAsOptional, }: {
+    scenarioConfiguration: FormConfiguration<OuterFormSchema, string> | undefined;
+    forms: FormList;
+    remediationActions: Remediation[];
+    dataMissingErrors: VerificationError[];
+    fieldsWithExistingData: AnyTLDSFieldName[];
+    customRules: FormRules<string>;
+    legalEntityType: LegalEntityType | undefined;
+    legalEntityTrustedFields?: LegalEntityTrustedFields[];
+    remediationFieldAsOptional?: boolean;
+}): PropsFromConfiguration<OuterFormSchema> | undefined;
+export declare const makeTLDSFieldName: (formId: string, fieldName: string) => AnyTLDSFieldName;

package/dist/types/embeds/business-financing/AdyenBusinessFinancing.d.ts

@@ -6,7 +6,7 @@ import type { AdyenBusinessFinancingProps } from './adyen-business-financing.typ
 type AdyenBusinessFinancingElement = HTMLElement & AdyenBusinessFinancingProps;
 type AdyenBusinessFinancingElementProps = ElementProps<AdyenBusinessFinancingProps>;
 export declare class AdyenBusinessFinancing extends EmbedBaseElement<AdyenBusinessFinancingElementProps> {
-    onComplete?(data: BusinessFinancingSchema): void;
+    oncomplete?(data: BusinessFinancingSchema): void;
     constructor(props: AdyenBusinessFinancingElementProps);
     render(): AdyenBusinessFinancingElement;
 }

package/dist/types/embeds/business-financing/adyen-business-financing.types.d.ts

@@ -7,11 +7,7 @@ import type { BaseEmbedProps } from '../baseEmbedProps';
  */
 export interface AdyenBusinessFinancingProps extends BaseEmbedProps {
     /** Invoked when form has been completed by user */
-    onComplete?(data: BusinessFinancingSchema): void;
-    /** Defaults to inline. If modal is selected Component shows as modal */
-    view?: 'modal' | 'inline';
-    /** Invoked only when view='modal', triggers when user clicks the close modal button */
-    onClose?(): void;
+    oncomplete?(data: BusinessFinancingSchema): void;
 }
 declare module 'preact/jsx-runtime' {
     namespace JSX {

package/dist/types/embeds/emitEvent.d.ts

@@ -0,0 +1,14 @@
+import type { MutableRef } from 'preact/hooks';
+/**
+ * Emits an event that can be listened to by the consumers
+ * This means, for an event of 'complete'
+ * - react/preact: `onComplete={handleIt}`
+ * - vue: `@complete=(handleIt)`
+ * - html: adyenComponent.addEventListener('complete', handleIt)
+ *
+ * @param ref a useRef result from inside the web-component
+ * @param name event name, lowercase, eg: 'complete'
+ * @param data data the consumer receives, like a payload
+ * @returns
+ */
+export declare const emitAdyenSdkEvent: <Data>(ref: MutableRef<HTMLElement | null>, name: string, data?: Data) => void;

package/dist/types/embeds/{individual → individual-configuration}/AdyenIndividual.d.ts

@@ -1,7 +1,7 @@
-import './adyen-individual';
+import './adyen-individual-configuration';
 import type { ElementProps } from '../baseEmbedProps';
 import { EmbedBaseElement } from '../EmbedBaseElement';
-import type { AdyenIndividualProps } from './adyen-individual.types';
+import type { AdyenIndividualProps } from './adyen-individual-configuration.types';
 type AdyenIndividualElement = HTMLElement & AdyenIndividualProps;
 type AdyenIndividualElementProps = ElementProps<AdyenIndividualProps>;
 export declare class AdyenIndividual extends EmbedBaseElement<AdyenIndividualElementProps> {

package/dist/types/embeds/{individual/adyen-individual.types.d.ts → individual-configuration/adyen-individual-configuration.types.d.ts}

@@ -4,11 +4,11 @@ import type { IndividualSchema } from '../../components/Individual/forms/Individ
 import type { BaseEmbedProps } from '../baseEmbedProps';
 export interface AdyenIndividualProps extends BaseEmbedProps {
     /** Invoked when form has been completed by user */
-    onComplete?(data: IndividualSchema): void;
+    oncomplete?(data: IndividualSchema): void;
     /** Defaults to inline. If modal is selected Component shows as modal */
     view?: 'modal' | 'inline';
     /** Invoked only when view='modal', triggers when user clicks the close modal button */
-    onClose?(): void;
+    onclose?(): void;
 }
 declare module 'preact/jsx-runtime' {
     namespace JSX {