@adyen/kyc-components 4.0.0-compact.0 → 4.0.0-compact.2

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

@@ -1,19 +1,11 @@
 import type { JSX } from 'preact';
-import type { Dispatch, StateUpdater } from 'preact/hooks';
 import type { TaskStatusEntry } from '../../../../api/taskStatus/taskStatus.types';
 import type { ActionsMenuOption } from '../../../ui/atoms/ActionsMenu/ActionsMenu';
 import type { IconName } from '../../../ui/atoms/Icon/Icon';
-import type { StatusProps } from '../../../ui/atoms/Status/Status.types';
 import type { TranslationKey } from '../../../../../types';
 import type { TaskStatus } from '../../../../stores/globalStore/taskStatus';
 import type { TaskType } from '../../../../stores/globalStore/taskTypes';
 import type { EntityProblems } from '../../../../types/errors/entity-problems';
-export interface TaskStatusProps {
-    status: TaskStatus;
-    statusLabel?: string;
-    downloadHandler?(): void;
-    size?: StatusProps['size'];
-}
 export interface TaskListProps {
     onNavigateToTask(taskType: TaskType, id?: string): void;
     singpassComponent?: JSX.Element;
@@ -21,22 +13,22 @@ export interface TaskListProps {
 export interface TaskListGroupProps {
     title?: string;
 }
-export interface TaskListItemProps extends TaskStatusProps {
+export interface TaskListItemProps {
     icon: IconName;
     titleKey: TranslationKey;
     title?: string;
     statusLabel?: string;
     disabled?: boolean;
+    downloadHandler?(): void;
     problems?: EntityProblems;
     actions?: ActionsMenuOption[];
     info?: string;
     onNavigateToTask?: () => void;
     loading?: boolean;
     showErrorAlerts?: 'onErrorStatus' | 'always';
+    status: TaskStatus;
     warningMessage?: string;
-    removeEntity?: () => void;
-    isRemoveDisabled?: boolean;
-    handleIsRemoveDisabled?: Dispatch<StateUpdater<boolean>>;
+    deleteEntity?: () => void;
     testId?: string;
     enableTracking?: boolean;
     fallbackErrorMessage?: string;

package/dist/types/components/Shared/tasks/TaskList/utils.d.ts

@@ -4,5 +4,5 @@ export declare const normalizeTaskStatuses: (taskStatuses: TaskStatusApiResponse
 export declare const TASK_STATUS_POLLING_INTERVAL_MS = 3000;
 export declare const TASK_STATUS_COMPLETED_POLLING_INTERVAL_MS = 6000;
 export declare const getAccountTaskStatus: (accountId: string, payinPayoutTaskStatus: TaskStatusWithSupportingEntities | undefined) => import("../../../../stores/globalStore/taskStatus").TaskStatus;
-export declare const normalizedTaskStatusStore: import("@preact/signals-core").Signal<NormalizedTaskStatus | undefined>;
+export declare const normalizedTaskStatusStore: import("@preact/signals").Signal<NormalizedTaskStatus | undefined>;
 export declare const setNormalizedTaskStatusStore: (taskStatus: NormalizedTaskStatus | undefined) => void;

package/dist/types/components/SoleProprietorship/pages/SoleProprietorshipPage.d.ts

@@ -1,8 +1,7 @@
 import type { BusinessDetailsSchema } from '../../Business/forms/BusinessDetails/types';
 export interface SoleProprietorshipPageProps {
     solePropId: string | undefined;
-    isTargetLegalEntityType?: boolean;
     handleHomeClick(): void;
     onSubmit?(dataSubmitted: BusinessDetailsSchema): void;
 }
-export declare function SoleProprietorshipPage({ solePropId, isTargetLegalEntityType, onSubmit, handleHomeClick, }: SoleProprietorshipPageProps): import("preact/jsx-runtime").JSX.Element;
+export declare function SoleProprietorshipPage({ solePropId, onSubmit, handleHomeClick, }: SoleProprietorshipPageProps): import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/Trust/forms/TrustRegistrationDetails/TrustRegistrationDetailsMultiform.d.ts

@@ -0,0 +1,2 @@
+import type { TrustRegistrationDetailsProps } from './types';
+export declare function TrustRegistrationDetailsMultiform({ fieldValidationErrors, formVerificationErrors, heading, shouldValidate, taskType, country: parentLegalEntityCountry, }: Readonly<TrustRegistrationDetailsProps>): import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/Trust/hooks/useTrustMemberNavigation.hook.d.ts

@@ -7,22 +7,7 @@ export interface NavigationProps {
 }
 export declare const useTrustMemberNavigation: ({ navigateTo, trust }: NavigationProps) => {
     trustMember: TrustMember | undefined;
-    currentTrustMemberLe: {
-        documentDetails?: import("../../../core/models/api/document").DocumentDetail[] | undefined;
-        entityAssociations?: import("../../../core/models/api/legal-entity-association").LegalEntityAssociation[] | undefined;
-        individual?: import("../../../core/models/api/individual").Individual | undefined;
-        organization?: import("../../../core/models/api/organization").Organization | undefined;
-        soleProprietorship?: import("../../../core/models/api/sole-proprietor").SoleProprietor | undefined;
-        trust?: import("../../../core/models/api/trust").Trust | undefined;
-        unincorporatedPartnership?: import("../../../core/models/api/unincorporated-partnership").UnincorporatedPartnership | undefined;
-        capabilities?: Partial<Record<import("../../../core/models/api/capability").CapabilityName, import("../../../core/models/api/capability").Capability>> | undefined;
-        problems?: import("../../../core/models/api/problem").Problem[] | undefined;
-        transferInstruments?: import("../../../core/models/api/transfer-instrument").TransferInstrumentOverview[] | undefined;
-        trustedFields?: import("../../../core/models/api/legal-entity").LegalEntityTrustedFields[] | undefined;
-        id: string;
-        type: import("../../../core/models/api/legal-entity-type").LegalEntityType;
-    } | undefined;
-    currentTrustMemberId: string | undefined;
+    trustMemberId: string | undefined;
     trustMembers: TrustMember[];
     onNavigateToTrust: (task?: TaskType) => Promise<void>;
     onNavigateToTrustMemberRoleAndType: (tm: TrustMember | "new") => void;

package/dist/types/components/Trust/pages/TrustMemberCompanyPage.d.ts

@@ -4,8 +4,7 @@ export interface TrustMemberCompanyPageProps {
     trustId: string;
     trustMemberCompanyId: string | undefined;
     newMember?: TrustMember;
-    isTargetLegalEntityType?: boolean;
     handleHomeClick(): void;
     onSubmit?(dataSubmitted: BusinessDetailsSchema): void;
 }
-export declare function TrustMemberCompanyPage({ trustId, trustMemberCompanyId, newMember, isTargetLegalEntityType, onSubmit, handleHomeClick, }: TrustMemberCompanyPageProps): import("preact/jsx-runtime").JSX.Element;
+export declare function TrustMemberCompanyPage({ trustId, trustMemberCompanyId, newMember, onSubmit, handleHomeClick, }: TrustMemberCompanyPageProps): import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/Trust/tasks/RoleAndTypeDropin/formatRoleAndEntityTypeSummary.d.ts

@@ -1,5 +1,5 @@
-import type { Language } from '../../../../language/Language';
+import type { TFunction } from 'i18next';
 import type { SummaryOf } from '../../../Shared/Summary/types';
 import type { TrustRoleAndEntityTypeSchema } from '../../forms/TrustRoleAndEntityType/types';
 import type { TrustMember } from '../TrustMembers/types';
-export declare const formatRoleAndEntityTypeSummary: (data: TrustMember, i18n: Language, isOrganizationSettlorWithExemptionEnabled: boolean | undefined) => SummaryOf<TrustRoleAndEntityTypeSchema>;
+export declare const formatRoleAndEntityTypeSummary: (data: TrustMember, commonT: TFunction<"common">, trustT: TFunction<"trust">, isOrganizationSettlorWithExemptionEnabled: boolean | undefined) => SummaryOf<TrustRoleAndEntityTypeSchema>;

package/dist/types/components/Trust/tasks/TrustDropin/TrustMultiform.d.ts

@@ -0,0 +1,21 @@
+import type { TrustProps } from '../../forms/Trust/types';
+export declare const trustForms: {
+    readonly trustRegistrationDetails: {
+        readonly formId: "trustRegistrationDetails";
+        readonly formName: "registrationDetails";
+        readonly fields: readonly (keyof import("../../forms/TrustRegistrationDetails/types").TrustRegistrationDetailsSchema)[];
+    };
+    readonly trustRegistrationAddress: {
+        readonly formId: "trustRegistrationAddress";
+        readonly formName: "addressDetails";
+        readonly fields: string[];
+    };
+    readonly trustConstitutionalDocument: {
+        readonly formId: "trustConstitutionalDocument";
+        readonly formName: "constitutionalDocument";
+        readonly fields: readonly ["constitutionalDocument"];
+    };
+};
+export type TrustDocumentId = typeof trustForms.trustConstitutionalDocument.formId;
+export declare const trustConstitutionalDocumentFormId: "trustConstitutionalDocument";
+export declare function TrustMultiform(props: Readonly<TrustProps>): import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/Trust/tasks/TrustDropin/TrustMultiformDropin.d.ts

@@ -0,0 +1,2 @@
+import type { TrustDropinProps } from '../../forms/Trust/types';
+export declare function TrustMultiformDropin({ parentLegalEntity, country: countryProp, existingTrust, taskType, problems: problemsProp, onSubmit: externalOnSubmit, onChange, handleHomeClick, }: Readonly<TrustDropinProps>): import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/Trust/tasks/TrustDropin/validate.d.ts

@@ -0,0 +1,5 @@
+import type { ExperimentName } from '../../../../context/ExperimentContext/types';
+import type { CountryCode } from '../../../../types/datasets/country-code';
+import type { ValidatorRules } from '../../../../utils/validation/types';
+import type { TrustRegistrationDetailsSchema } from '../../forms/TrustRegistrationDetails/types';
+export declare function trustRegistrationDetailsValidators(country: CountryCode, trustRegistrationDetails: TrustRegistrationDetailsSchema | undefined, isExperimentEnabled: (key: ExperimentName) => boolean): ValidatorRules<TrustRegistrationDetailsSchema>;

package/dist/types/components/UnincorporatedPartnership/pages/UnincorporatedPartnershipMemberCompanyPage.d.ts

@@ -4,9 +4,8 @@ interface UnincorporatedPartnershipMemberCompanyPageProps {
     partnershipId: string;
     partnershipMemberCompanyId: string | undefined;
     newMember?: UnincorporatedPartnershipMember;
-    isTargetLegalEntityType?: boolean;
     handleHomeClick(): void;
     onSubmit?(dataSubmitted: BusinessDetailsSchema): void;
 }
-export declare function UnincorporatedPartnershipMemberCompanyPage({ partnershipId, partnershipMemberCompanyId, newMember, isTargetLegalEntityType, onSubmit, handleHomeClick, }: UnincorporatedPartnershipMemberCompanyPageProps): import("preact/jsx-runtime").JSX.Element;
+export declare function UnincorporatedPartnershipMemberCompanyPage({ partnershipId, partnershipMemberCompanyId, newMember, onSubmit, handleHomeClick, }: UnincorporatedPartnershipMemberCompanyPageProps): import("preact/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,12 @@
+import { type Slottable } from 'named-slots';
+import type { TaskStatus } from '../../../../stores/globalStore/taskStatus';
+export interface HeaderProps {
+    align?: 'left' | 'center' | 'right';
+    children?: Slottable;
+    description?: string;
+    secondary?: boolean;
+    title: string;
+    status?: TaskStatus;
+}
+declare const Header: ({ align, children, description, secondary, status, title, }: HeaderProps) => import("preact/jsx-runtime").JSX.Element;
+export { Header };

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

@@ -1,6 +1,6 @@
 export type AllowedURL = `http://${string}` | `https://${string}` | `ftp:${string}` | `tel:${string}` | `phone:${string}` | `sms:${string}` | `mailto:${string}`;
 export interface LinkProps {
-    children: string;
+    children?: string;
     external?: boolean;
     href: AllowedURL;
     inline?: boolean;

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

@@ -9,9 +9,8 @@ interface ListItemProps {
     accessory?: ComponentChildren;
     action?: ListItemAction;
     avatar?: AvatarProps;
-    bordered?: boolean;
     description?: string;
     title: string;
 }
-declare const ListItem: ({ accessory, action, avatar, bordered, description, title }: ListItemProps) => import("preact/jsx-runtime").JSX.Element;
+declare const ListItem: ({ accessory, action, avatar, description, title }: ListItemProps) => import("preact/jsx-runtime").JSX.Element;
 export { ListItem, type ListItemAction, type ListItemProps };

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

@@ -1,13 +1,9 @@
 export interface LoaderProps {
-    /** Whether the loader should be rendered inline */
-    inline?: boolean;
     /** Size of the loader (small/medium/large) */
     size?: 'small' | 'medium' | 'large' | 'xsmall';
-    /** Includes a dot inside the loader */
-    dot?: boolean;
 }
 /**
  * Default Loading Loader
  * @param props -
  */
-export declare const Loader: ({ inline, size, dot }: LoaderProps) => import("preact/jsx-runtime").JSX.Element;
+export declare const Loader: ({ size }: LoaderProps) => import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/ui/atoms/Modal/MaybeModal.d.ts

@@ -6,5 +6,5 @@ interface MaybeModalProps extends Partial<ModalProps> {
  * Renders a modal or an inline div
  * @returns {Modal|HTMLDivElement}
  */
-export declare const MaybeModal: ({ ariaLabel, children, inline, inset, onClose, size, }: MaybeModalProps) => import("preact/jsx-runtime").JSX.Element;
+export declare const MaybeModal: ({ ariaLabel, children, inline, inset, onClose, showCloseButton, size, }: MaybeModalProps) => import("preact/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
 import './RadioCard.scss';
 import type { RadioCardProps } from '../RadioGroupCard/RadioGroupCard.types';
+/** @deprecated - Use Tile (TileGroup) instead */
 export declare const RadioCard: ({ optionId, optionName, optionDescription, optionSubtitle, name, isInvalid, isSelected, onSelect, classNames, disabled, loading, icon, body, footer, floatingRadio, }: RadioCardProps) => import("preact/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import './RadioGroup.scss';
 import type { JSX } from 'preact';
 import type { TranslationKey } from '../../../../../types';
 export interface RadioGroupItem {
-    name: TranslationKey;
+    name: TranslationKey | string;
     id: string;
     content?: JSX.Element;
 }

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

@@ -1,6 +1,5 @@
 import './RadioGroupCard.scss';
 import type { ComponentChildren } from 'preact';
-import type { TranslationKey } from '../../../../../types';
 import type { RadioCardClassnames } from './RadioGroupCard.types';
 export interface RadioGroupCardProps<OptionType> {
     className?: string;
@@ -11,9 +10,9 @@ export interface RadioGroupCardProps<OptionType> {
     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;
+    optionName: (option: OptionType) => string;
+    optionDescription?: (option: OptionType) => string | undefined;
+    optionSubtitle?: (option: OptionType) => string | undefined;
     renderOptionIcon?: (option: OptionType) => ComponentChildren;
     renderOptionBody?: (option: OptionType) => ComponentChildren;
     renderOptionFooter?: (option: OptionType) => ComponentChildren;
@@ -21,4 +20,5 @@ export interface RadioGroupCardProps<OptionType> {
     floatingRadio?: boolean;
     enableTracking?: boolean;
 }
+/** @deprecated - Use TileGroup instead */
 export declare const RadioGroupCard: <OptionType>({ options, name, onSelect, selected, isInvalid, className, optionId, optionName, optionDescription, optionSubtitle, optionClassNames, renderOptionIcon, renderOptionBody, renderOptionFooter, isOptionDisabled, floatingRadio, enableTracking, }: RadioGroupCardProps<OptionType>) => import("preact/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,15 @@
 import type { ComponentChildren } from 'preact';
-import type { TranslationKey } from '../../../../../types';
-export interface RadioGroupCardItem {
-    name: TranslationKey;
-    description?: TranslationKey;
-    id: string;
-    subtitle?: TranslationKey;
+export interface RadioGroupCardItem<namespaceKey> {
+    id: RadioCardProps['optionId'];
+    name: namespaceKey;
+    description?: namespaceKey;
+    subtitle?: namespaceKey;
 }
 export interface RadioCardProps {
     optionId: string;
-    optionName: TranslationKey;
-    optionDescription?: TranslationKey;
-    optionSubtitle?: TranslationKey;
+    optionName: string;
+    optionDescription?: string;
+    optionSubtitle?: string;
     name?: string;
     isInvalid?: boolean;
     isSelected: boolean;

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

@@ -1,3 +1,9 @@
-import './Status.scss';
-import type { StatusProps } from './Status.types';
-export declare const Status: ({ text, className, iconStatusClass, icon, size }: StatusProps) => import("preact/jsx-runtime").JSX.Element;
+import type { IconName } from '../Icon/Icon';
+interface StatusProps {
+    text: string;
+    icon?: IconName;
+    variant?: 'success' | 'error' | 'neutral' | 'warning';
+    responsive?: boolean;
+}
+declare const Status: ({ text, icon, variant, responsive, }: StatusProps) => import("preact/jsx-runtime").JSX.Element;
+export { Status, type StatusProps };

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

@@ -26,6 +26,8 @@ export declare const icons: {
     'chevron-up': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     'cash-stack': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     circle: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
+    'circle-small-filled': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
+    clock: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     company: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     capital: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     'company-2': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
@@ -43,6 +45,7 @@ export declare const icons: {
     'field-error': 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>>;
+    'info-circle-filled': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     image: 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>>;
@@ -53,7 +56,9 @@ export declare const icons: {
     pci: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     plus: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     plusCircleFilled: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
+    recurring: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     remove: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
+    error: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     'revenue-accelerate': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     save: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     search: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
@@ -99,6 +104,8 @@ export declare const svgs: {
     readonly 'chevron-up': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'cash-stack': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly circle: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
+    readonly 'circle-small-filled': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
+    readonly clock: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly company: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     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>>;
@@ -116,6 +123,7 @@ export declare const svgs: {
     readonly 'field-error': 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 'info-circle-filled': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly image: 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>>;
@@ -126,7 +134,9 @@ export declare const svgs: {
     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 plusCircleFilled: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
+    readonly recurring: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly remove: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
+    readonly error: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly 'revenue-accelerate': import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly save: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;
     readonly search: import("preact").FunctionComponent<import("preact/jsx-runtime").JSX.SVGAttributes<SVGSVGElement>>;

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

@@ -9,5 +9,7 @@ export interface TileGroupProps {
     maxSelected?: number;
     errorMessage?: string | boolean | JSX.Element;
     onChange?(selected: string[] | string): void;
+    enableTracking?: boolean;
+    trackingFieldName?: string;
 }
-export declare function TileGroup({ tiles, selected, allowMultiple, isHorizontal, name: nameProp, maxSelected, errorMessage, onChange, }: TileGroupProps): JSX.Element;
+export declare function TileGroup({ tiles, selected, allowMultiple, isHorizontal, name: nameProp, maxSelected, errorMessage, onChange, enableTracking, trackingFieldName, }: TileGroupProps): JSX.Element;

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

@@ -6,7 +6,7 @@ export interface TypographyProps {
     children: ComponentChildren;
     className?: string;
 }
-type TypographyElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
+type TypographyElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span' | 'legend';
 type TypographyVariant = 'body' | 'body-stronger' | 'body-strongest' | 'caption' | 'caption-stronger' | 'title' | 'title-m' | 'title-l';
 type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'success' | 'warning' | 'critical' | 'highlight' | 'inverse-primary' | 'inverse-secondary';
 export {};

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

@@ -1,9 +1,31 @@
-import type { ComponentChild } from 'preact';
-export interface StackLayoutProps {
-    horizontal?: boolean;
+import { type ComponentChildren } from 'preact';
+interface StackLayoutProps {
+    align?: 'left' | 'center' | 'right' | 'auto';
+    children: ComponentChildren;
     gap?: 'none' | 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge';
-    children: ComponentChild;
-    centered?: boolean;
+    horizontal?: boolean;
 }
-declare const StackLayout: ({ children, gap, horizontal, centered, }: StackLayoutProps) => import("preact/jsx-runtime").JSX.Element;
-export { StackLayout };
+/**
+ * Layout helper to easily boostrap form and page layouts.
+ *
+ * It can be used to render children as a column or row. When rendered as a row, responsiveness is handle automatically. On small devices, children rendered as a row will be rendered as a column.
+ *  *
+ * @example
+ * ```jsx
+ * <StackLayout align="center" gap="large">
+ *   <div />
+ *   <div />
+ * </StackLayout>
+ *
+ * <StackLayout align="center" gap="large" horizontal>
+ *   <div />
+ *   <div />
+ * </StackLayout>
+ * ```
+ *
+ * @param align Specify how content should be rendered. Default: 'auto'.
+ * @param gap Specify spacing between children. Default: 'medium'.
+ * @param horizontal Specify if children are rendered as a row. Responsiveness is handled automatically.
+ */
+declare const StackLayout: ({ align, children, gap, horizontal, }: StackLayoutProps) => import("preact/jsx-runtime").JSX.Element;
+export { StackLayout, type StackLayoutProps };

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

@@ -1,3 +1,3 @@
 import './_card.component.scss';
 import type { CardProps } from './types';
-export declare function Card({ className, headerClassName, bodyClassName, children, stateful, active, disabled, fetching, warningMessage, title, subTitle, headerButton, background, onClick, onKeyDown, }: CardProps): import("preact/jsx-runtime").JSX.Element;
+export declare function Card({ className, headerClassName, bodyClassName, children, stateful, active, disabled, fetching, warningMessage, title, subTitle, headerButton, background, borderless, onClick, onKeyDown, }: CardProps): import("preact/jsx-runtime").JSX.Element;

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

@@ -13,6 +13,7 @@ export interface CardProps {
     subTitle?: string;
     headerButton?: ComponentChildren;
     background?: CardVariant;
+    borderless?: boolean;
     onClick?: (e: TargetedMouseEvent<HTMLElement>) => void;
     onKeyDown?: (e: TargetedKeyboardEvent<HTMLElement>) => void;
 }

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

@@ -1,11 +1,10 @@
 import type { DocumentType } from '../../../../core/models/api/document';
-import type { TranslationKey } from '../../../../../types';
 export interface DocumentGuidanceProps {
     type?: DocumentType;
     className?: string;
 }
 export interface DocumentGuidanceItem<T> {
     svgName: T;
-    translationKey: TranslationKey;
+    translationKey: 'good' | 'notCutOff' | 'notBlurry' | 'notExpired' | 'noGlare';
     valid?: boolean;
 }

package/dist/types/components/ui/molecules/Dropzone/FilePicker.d.ts

@@ -14,5 +14,6 @@ export interface FilePickerProps extends FileValidationOptions, Partial<FieldChi
     iconPrefix?: string;
     enableTracking?: boolean;
     id?: string;
+    loading?: boolean;
 }
-export declare function FilePicker({ files, setFiles, isValid, errorMessage, multiple, label, name, iconPrefix, enableTracking, id, allowedFileTypes, maxSize, isOptional, maxNumberOfFiles, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, }: Readonly<FilePickerProps>): import("preact/jsx-runtime").JSX.Element;
+export declare function FilePicker({ files, setFiles, isValid, errorMessage, multiple, label, name, iconPrefix, enableTracking, id, loading, allowedFileTypes, maxSize, isOptional, maxNumberOfFiles, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, }: Readonly<FilePickerProps>): import("preact/jsx-runtime").JSX.Element;

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

@@ -28,4 +28,5 @@ export interface DropzoneFileProps {
     errorMessage?: TranslationKey;
     onDelete: () => void;
     iconPrefix?: string;
+    loading?: boolean;
 }

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

@@ -1,26 +1,5 @@
-import type { IconName } from '../../atoms/Icon/Icon';
-import { type TagVariant } from '../../atoms/Tag/Tag';
-import type { OnboardingStatus } from '../../../../core/models/api/view-verification-status';
-import type { TranslationKey } from '../../../../../types';
-import type { TaskStatus } from '../../../../stores/globalStore/taskStatus';
-export interface EmbeddedStatusProps {
-    title?: string;
-    subtitle?: string;
-    status?: OnboardingStatus | TaskStatus;
-    tagLabel?: TranslationKey;
-    tagVariant?: TagVariant;
-    loading?: boolean;
-    iconName?: IconName;
-    onClick?: () => void;
-    light?: boolean;
-    className?: string;
-    actionIndicator?: ActionIndicator;
-}
-interface ActionIndicator {
-    labelKey: TranslationKey;
-}
+import type { EmbeddedStatusProps } from './types';
 /**
  * UI-only component used to display a tag based on status or an action button
  */
-export declare const EmbeddedStatus: ({ title, subtitle, status, iconName, loading, tagLabel, tagVariant, onClick, light, className, actionIndicator, ...props }: EmbeddedStatusProps) => import("preact/jsx-runtime").JSX.Element;
-export {};
+export declare const EmbeddedStatus: ({ title, subtitle, status, tag, iconName, loading, onClick, light, className, actionIndicator, ...props }: EmbeddedStatusProps) => import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/ui/molecules/EmbeddedStatus/statusToTag.d.ts

@@ -1,13 +1,13 @@
+import type { TFunction } from 'i18next';
 import type { TagVariant } from '../../atoms/Tag/Tag';
 import { type OnboardingStatus } from '../../../../core/models/api/view-verification-status';
-import type { TranslationKey } from '../../../../../types';
 import { type TaskStatus } from '../../../../stores/globalStore/taskStatus';
 /**
  * Maps a Status to Tag-compatible props
  * Similar to TaskItemStatus (without the css class overrides),
  * and should ideally handle view-verification-status as well
  */
-export declare const statusToTag: (status: OnboardingStatus | TaskStatus) => {
-    translationKey: TranslationKey;
+export declare const statusToTag: (status: OnboardingStatus | TaskStatus, commonT: TFunction<"common">) => {
+    text: string;
     variant: TagVariant;
 } | undefined;

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

@@ -0,0 +1,23 @@
+import type { IconName } from '../../atoms/Icon/Icon';
+import type { TagVariant } from '../../atoms/Tag/Tag';
+import type { OnboardingStatus } from '../../../../core/models/api/view-verification-status';
+import type { TaskStatus } from '../../../../stores/globalStore/taskStatus';
+export interface EmbeddedStatusProps {
+    title?: string;
+    subtitle?: string;
+    status?: OnboardingStatus | TaskStatus;
+    tag?: {
+        text: string;
+        variant: TagVariant;
+    };
+    loading?: boolean;
+    iconName?: IconName;
+    onClick?: () => void;
+    light?: boolean;
+    className?: string;
+    actionIndicator?: ActionIndicator;
+}
+interface ActionIndicator {
+    text: string;
+}
+export {};