@adyen/kyc-components 2.63.0 → 2.64.0

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

@@ -5,7 +5,7 @@ interface CheckboxProps {
     onChange: (isChecked: boolean) => void;
     classNameModifiers?: string[];
     label: string | ComponentChild;
-    name?: string;
+    name: string;
     isInvalid?: boolean;
     className?: string;
     value?: string;

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

@@ -8,7 +8,7 @@ export interface RadioGroupItem {
 }
 export interface RadioGroupProps {
     items: readonly RadioGroupItem[];
-    name?: string;
+    name: string;
     onChange: (selectedId: string) => void;
     value?: string;
     disabled?: boolean;

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

@@ -6,7 +6,7 @@ export interface RadioCardSelectProps<OptionType> {
     className?: string;
     isInvalid?: boolean;
     options: readonly OptionType[];
-    name?: string;
+    name: string;
     onSelect: (option: OptionType) => void;
     selected: OptionType | undefined;
     isOptionDisabled?: (option: OptionType) => boolean;

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

@@ -21,7 +21,7 @@ interface BaseSelectProps {
     filterable?: boolean;
     isInvalid?: boolean;
     items: ReadonlyArray<SelectItem>;
-    name?: string;
+    name: string;
     placeholder?: string;
     readonly?: boolean;
     selected: string | string[] | undefined;
@@ -62,7 +62,7 @@ interface MultiSelectProps extends BaseSelectProps {
 }
 export type SelectProps = SingleSelectProps | MultiSelectProps;
 export interface SelectButtonProps {
-    name?: string;
+    name: string;
     active: SelectItem[];
     filterInputRef: MutableRef<HTMLInputElement>;
     filterable: boolean;

package/dist/types/core/analytics.d.ts

@@ -12,5 +12,7 @@ export type AssociatedLeAnalyticsParams = {
     associatedLegalEntityOrgType?: string;
 };
 export declare const getAssociatedLeAnalyticsPayload: ({ associatedLegalEntity, associatedLegalEntityOrg, }: GetAssociatedLeAnalyticsParams) => AssociatedLeAnalyticsParams;
-export declare const debouncedInputEvent: import("lodash").DebouncedFunc<(properties: SetOptional<AdditionalEventProperties, "actionLevel">) => void>;
+export declare const debouncedInputEvent: import("lodash").DebouncedFunc<(properties: SetOptional<AdditionalEventProperties, "actionLevel"> & {
+    field: string;
+}) => void>;
 export {};

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

@@ -3,7 +3,6 @@ export interface EmbeddedAnalyticsSessionRequest {
     componentName: string;
     userAgent: string;
     legalEntityId: string;
-    locale: string;
 }
 export interface EmbeddedAnalyticsSessionResponse {
     id: string;

package/dist/types/core/user-events.d.ts

@@ -77,7 +77,7 @@ declare class UserEvents {
      * Adds an event with context specific to field-related events
      */
     addFieldEvent(eventName: EventName, properties: SetOptional<AdditionalEventProperties, 'actionLevel'> & {
-        field?: string;
+        field: string;
     }): void;
     /**
      * Starts a timer for an event to measure the time it takes for an event to occur. Time is ended when `addEvent` is executed with the same key

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "2.63.0",
+  "version": "2.64.0",
   "keywords": [
     "adyen",
     "adyen-kyc",
@@ -83,6 +83,7 @@
     "@adyen/openbankingsdk": "^0.1.2",
     "@adyen/ui-assets-icons-16": "^4.3.0",
     "classnames": "^2.3.2",
+    "container-query-polyfill": "^1.0.2",
     "isomorphic-dompurify": "^2.17.0",
     "lodash-es": "^4.17.21",
     "onfido-sdk-ui": "14.38.0",
@@ -95,11 +96,11 @@
     "@commitlint/prompt-cli": "^17.7.1",
     "@playwright/test": "1.41.0",
     "@preact/preset-vite": "^2.8.1",
-    "@storybook/addon-actions": "^8.4.0",
     "@storybook/addon-a11y": "^8.4.0",
+    "@storybook/addon-actions": "^8.4.0",
     "@storybook/addon-essentials": "^8.4.0",
-    "@storybook/experimental-addon-test": "^8.4.0",
     "@storybook/core-server": "^8.4.0",
+    "@storybook/experimental-addon-test": "^8.4.0",
     "@storybook/preact": "^8.4.0",
     "@storybook/preact-vite": "^8.4.0",
     "@storybook/test": "^8.4.0",

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

@@ -1,56 +0,0 @@
-import type { ComponentChildren } from 'preact';
-/**
- * Represents the layout breakpoints.
- * - `xsOnly`: Extra small screens.
- * - `md`: Medium screens.
- * - `lg`: Large screens.
- */
-export type Layout = 'xsOnly' | 'md' | 'lg';
-/**
- * Mapping of layout breakpoints to their corresponding CSS class names.
- * - `xsOnly`: 'adyen-layout-xs-only'
- * - `md`: 'adyen-layout-md'
- * - `lg`: 'adyen-layout-lg'
- */
-export declare const layoutBreakpointClassnames: Record<Layout, string>;
-/**
- * The minimum container widths (in pixels) required to apply each breakpoint.
- * - `md`: 680px
- * - `lg`: 1024px
- */
-export declare const layoutBreakpointSizes: Partial<Record<Layout, number>>;
-/**
- * Computes the appropriate CSS class names based on the given container size.
- *
- * @param containerSize - The width of the container in pixels.
- * @returns An array of CSS class names corresponding to the breakpoints that match the container size.
- *
- * @example
- * getBreakpointClassNames(700);
- * // Returns ['adyen-layout-md']
- */
-export declare const getBreakpointClassNames: (containerSize: number) => string[];
-/**
- * Assigns layout CSS classes to a container element based on its size.
- *
- * @param entries - An array of `ResizeObserverEntry` objects representing observed size changes.
- * @param container - The target HTML element whose classes will be updated.
- */
-export declare const assignLayoutClasses: (entries: ResizeObserverEntry[], container: HTMLElement) => void;
-/**
- * Component that dynamically applies CSS classes to its container
- * element based on its size. It observes size changes using the ResizeObserver API.
- *
- * @param props - The component props.
- * @param props.children - The child elements to render within the resizable container.
- *
- * @example
- * <AutoResizer>
- *   <div>Responsive content</div>
- * </AutoResizer>
- *
- * @returns A `div` element with dynamic class names applied based on container width.
- */
-export declare const AutoResizer: ({ children }: {
-    children: ComponentChildren;
-}) => import("preact").JSX.Element;