@wise/dynamic-flow-types 2.24.0 → 2.25.0

package/build/renderers/AlertRendererProps.d.ts

@@ -0,0 +1,21 @@
+import { Context, Margin } from './constants';
+export type AlertRendererProps = {
+    type: 'alert';
+    control?: string;
+    context: Context;
+    margin: Margin;
+    markdown: string;
+    callToAction?: AlertCallToAction | AlertCallToActionLink;
+};
+export type AlertCallToActionLink = {
+    type: 'link';
+    accessibilityDescription?: string;
+    href: string;
+    title: string;
+};
+export type AlertCallToAction = {
+    type: 'action';
+    accessibilityDescription?: string;
+    title: string;
+    onClick: () => void;
+};

package/build/renderers/BaseInputRendererProps.d.ts

@@ -0,0 +1,30 @@
+import { Icon } from './Icon';
+import { Image } from './Image';
+export interface BaseInputRendererProps {
+    id: string;
+    control?: string;
+    autoComplete: string;
+    description?: string;
+    disabled: boolean;
+    /**
+     * @deprecated please use the `validationState` property instead
+     */
+    error?: string;
+    help?: string;
+    label?: string;
+    placeholder?: string;
+    required: boolean;
+    /** @experimental */
+    validationState: ValidationResult | undefined;
+    icon?: Icon;
+    image?: Image;
+    onBlur: () => void;
+    onFocus: () => void;
+}
+export type ValidationResult = {
+    status: 'valid';
+    message?: string;
+} | {
+    status: 'invalid';
+    message: string;
+};

package/build/renderers/BooleanRendererProps.d.ts

@@ -0,0 +1,6 @@
+import { BaseInputRendererProps } from './BaseInputRendererProps';
+export interface BooleanInputRendererProps extends BaseInputRendererProps {
+    type: 'input-boolean';
+    value: boolean;
+    onChange: (value: boolean) => void;
+}

package/build/renderers/BoxRendererProps.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { Margin, Size } from './constants';
+export type BoxRendererProps = {
+    type: 'box';
+    control?: string;
+    border: boolean;
+    children: ReactNode;
+    margin: Margin;
+    width: Size;
+};

package/build/renderers/ButtonRendererProps.d.ts

@@ -0,0 +1,15 @@
+import { Context, Margin, Size } from './constants';
+/**
+ * Known values for "control" are: 'primary' | 'secondary' | 'tertiary'.
+ */
+export type ButtonRendererProps = {
+    type: 'button';
+    control?: string;
+    context: Context;
+    disabled: boolean;
+    margin: Margin;
+    pinOrder?: number;
+    size?: Size;
+    title: string;
+    onClick: () => void;
+};

package/build/renderers/ColumnsRendererProps.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { Margin } from './constants';
+export type Bias = 'none' | 'start' | 'end';
+export type ColumnsRendererProps = {
+    type: 'columns';
+    control?: string;
+    bias: Bias;
+    margin: Margin;
+    startChildren: ReactNode;
+    endChildren: ReactNode;
+};

package/build/renderers/CoreContainerRendererProps.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export interface CoreContainerRendererProps {
+    type: 'container';
+    children: ReactNode;
+}

package/build/renderers/DateInputRendererProps.d.ts

@@ -0,0 +1,8 @@
+import { BaseInputRendererProps } from './BaseInputRendererProps';
+export type DateInputRendererProps = BaseInputRendererProps & {
+    type: 'input-date';
+    maximumDate?: string;
+    minimumDate?: string;
+    value: string | null;
+    onChange: (value: string | null) => void;
+};

package/build/renderers/DecisionRendererProps.d.ts

@@ -0,0 +1,18 @@
+import { Icon } from './Icon';
+import { Image } from './Image';
+import { Margin } from './constants';
+export type DecisionRendererProps = {
+    type: 'decision';
+    control?: string;
+    options: DecisionOption[];
+    margin: Margin;
+    title?: string;
+};
+export type DecisionOption = {
+    description?: string;
+    disabled?: boolean;
+    icon?: Icon;
+    image?: Image;
+    title: string;
+    onClick: () => void;
+};

package/build/renderers/DividerRendererProps.d.ts

@@ -0,0 +1,6 @@
+import { Margin } from './constants';
+export type DividerRendererProps = {
+    type: 'divider';
+    control?: string;
+    margin: Margin;
+};

package/build/renderers/FormRendererProps.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { Margin } from './constants';
+export type FormRendererProps = {
+    type: 'form';
+    control?: string;
+    children: ReactNode;
+    margin: Margin;
+};

package/build/renderers/FormSectionRendererProps.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { Icon } from './Icon';
+import { Image } from './Image';
+export type FormSectionRendererProps = {
+    type: 'form-section';
+    control?: string;
+    title?: string;
+    description?: string;
+    help?: string;
+    children: ReactNode;
+    icon?: Icon;
+    image?: Image;
+};

package/build/renderers/HeadingRendererProps.d.ts

@@ -0,0 +1,12 @@
+import { Align, Margin, Size } from './constants';
+/**
+ * Known values for "control" are: 'display'.
+ */
+export type HeadingRendererProps = {
+    type: 'heading';
+    control?: string;
+    align: Align;
+    margin: Margin;
+    size: Size;
+    text: string;
+};

package/build/renderers/HiddenRendererProps.d.ts

@@ -0,0 +1,4 @@
+export type HiddenRendererProps = {
+    type: 'hidden';
+    control?: string;
+};

package/build/renderers/Icon.d.ts

@@ -0,0 +1 @@
+export type { Icon } from '../next';

package/build/renderers/Image.d.ts

@@ -0,0 +1 @@
+export type { Image } from '../next';

package/build/renderers/ImageRendererProps.d.ts

@@ -0,0 +1,9 @@
+import { Margin, Size } from './constants';
+export type ImageRendererProps = {
+    type: 'image';
+    control?: string;
+    accessibilityDescription?: string;
+    size: Size;
+    margin: Margin;
+    url: string;
+};

package/build/renderers/InstructionsRendererProps.d.ts

@@ -0,0 +1,12 @@
+import { Context, Margin } from './constants';
+export type InstructionsRendererProps = {
+    type: 'instructions';
+    control?: string;
+    items: InstructionItem[];
+    margin: Margin;
+    title?: string;
+};
+export type InstructionItem = {
+    context: Context;
+    text: string;
+};

package/build/renderers/IntegerInputRendererProps.d.ts

@@ -0,0 +1,10 @@
+import { BaseInputRendererProps } from './BaseInputRendererProps';
+export type IntegerInputRendererProps = BaseInputRendererProps & {
+    type: 'input-integer';
+    value: number | null;
+    /** @experimental */
+    maximum?: number;
+    /** @experimental */
+    minimum?: number;
+    onChange: (value: number | null) => void;
+};

package/build/renderers/LoadingIndicatorRendererProps.d.ts

@@ -0,0 +1,7 @@
+import { Margin, Size } from './constants';
+export type LoadingIndicatorRendererProps = {
+    type: 'loading-indicator';
+    control?: string;
+    margin: Margin;
+    size: Size;
+};

package/build/renderers/MarkdownRendererProps.d.ts

@@ -0,0 +1,8 @@
+import { Align, Margin } from './constants';
+export type MarkdownRendererProps = {
+    type: 'markdown';
+    control?: string;
+    align: Align;
+    margin: Margin;
+    content: string;
+};

package/build/renderers/ModalRendererProps.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { Margin } from './constants';
+export type ModalRendererProps = {
+    type: 'modal';
+    control?: string;
+    content: {
+        components: ReactNode;
+        title?: string;
+    };
+    margin: Margin;
+    trigger: {
+        title: string;
+    };
+};

package/build/renderers/MultiSelectInputRendererProps.d.ts

@@ -0,0 +1,14 @@
+import { BaseInputRendererProps } from './BaseInputRendererProps';
+import { SelectInputRendererOption } from './SelectInputRendererProps';
+export type MultiSelectInputRendererProps = Omit<BaseInputRendererProps, 'required'> & {
+    type: 'input-multi-select';
+    label?: string;
+    description?: string;
+    /** @experimental */
+    maxItems?: number;
+    /** @experimental */
+    minItems?: number;
+    selectedIndices: number[];
+    options: SelectInputRendererOption[];
+    onSelect: (indices: number[]) => void;
+};

package/build/renderers/MultiUploadInputRendererProps.d.ts

@@ -0,0 +1,19 @@
+import { BaseInputRendererProps, ValidationResult } from './BaseInputRendererProps';
+export type MultiUploadInputRendererProps = BaseInputRendererProps & {
+    type: 'input-upload-multi';
+    maxSize?: number;
+    minItems?: number;
+    maxItems?: number;
+    accepts?: string[];
+    uploadLabel?: string;
+    value: FileWithId[];
+    onUpload: (file: File, fileId: string) => Promise<void>;
+    onDelete: (fileId: string) => Promise<void>;
+};
+type FileWithId = {
+    id: string;
+    file: File;
+    /** @experimental */
+    validationState?: ValidationResult;
+};
+export {};

package/build/renderers/NumberInputRendererProps.d.ts

@@ -0,0 +1,10 @@
+import { BaseInputRendererProps } from './BaseInputRendererProps';
+export type NumberInputRendererProps = BaseInputRendererProps & {
+    type: 'input-number';
+    value: number | null;
+    /** @experimental */
+    maximum?: number;
+    /** @experimental */
+    minimum?: number;
+    onChange: (value: number | null) => void;
+};

package/build/renderers/ParagraphRendererProps.d.ts

@@ -0,0 +1,11 @@
+import { Align, Margin } from './constants';
+/**
+ * Known values for "control" are: 'copyable'.
+ */
+export type ParagraphRendererProps = {
+    type: 'paragraph';
+    control?: string;
+    align: Align;
+    margin: Margin;
+    text: string;
+};

package/build/renderers/RendererProps.d.ts

@@ -0,0 +1,38 @@
+import { AlertRendererProps } from './AlertRendererProps';
+import { BooleanInputRendererProps } from './BooleanRendererProps';
+import { BoxRendererProps } from './BoxRendererProps';
+import { ButtonRendererProps } from './ButtonRendererProps';
+import { ColumnsRendererProps } from './ColumnsRendererProps';
+import { CoreContainerRendererProps } from './CoreContainerRendererProps';
+import { DateInputRendererProps } from './DateInputRendererProps';
+import { DecisionRendererProps } from './DecisionRendererProps';
+import { DividerRendererProps } from './DividerRendererProps';
+import { FormRendererProps } from './FormRendererProps';
+import { FormSectionRendererProps } from './FormSectionRendererProps';
+import { HeadingRendererProps } from './HeadingRendererProps';
+import { HiddenRendererProps } from './HiddenRendererProps';
+import { ImageRendererProps } from './ImageRendererProps';
+import { InstructionsRendererProps } from './InstructionsRendererProps';
+import { IntegerInputRendererProps } from './IntegerInputRendererProps';
+import { LoadingIndicatorRendererProps } from './LoadingIndicatorRendererProps';
+import { MarkdownRendererProps } from './MarkdownRendererProps';
+import { ModalRendererProps } from './ModalRendererProps';
+import { MultiSelectInputRendererProps } from './MultiSelectInputRendererProps';
+import { MultiUploadInputRendererProps } from './MultiUploadInputRendererProps';
+import { NumberInputRendererProps } from './NumberInputRendererProps';
+import { ParagraphRendererProps } from './ParagraphRendererProps';
+import { RepeatableRendererProps } from './RepeatableRendererProps';
+import { ReviewRendererProps } from './ReviewRendererProps';
+import { SearchRendererProps } from './SearchRendererProps';
+import { SelectInputRendererProps } from './SelectInputRendererProps';
+import { StatusListRendererProps } from './StatusListRendererProps';
+import { StepRendererProps } from './StepRendererProps';
+import { TextInputRendererProps } from './TextInputRendererProps';
+import { UploadInputRendererProps } from './UploadInputRendererProps';
+export type RendererProps = AlertRendererProps | BooleanInputRendererProps | BoxRendererProps | ButtonRendererProps | ColumnsRendererProps | CoreContainerRendererProps | DateInputRendererProps | DecisionRendererProps | DividerRendererProps | FormRendererProps | FormSectionRendererProps | HeadingRendererProps | HiddenRendererProps | ImageRendererProps | InstructionsRendererProps | IntegerInputRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ModalRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | RepeatableRendererProps | ReviewRendererProps | SearchRendererProps | SelectInputRendererProps | StatusListRendererProps | StepRendererProps | TextInputRendererProps | UploadInputRendererProps;
+export type Renderer<P extends RendererProps> = {
+    canRenderType: P['type'];
+    canRender?: (props: P) => boolean;
+    render: (props: P) => JSX.Element;
+};
+export type Renderers = readonly (Renderer<StepRendererProps> | Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<FormSectionRendererProps> | Renderer<BooleanInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<SelectInputRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];

package/build/renderers/RepeatableRendererProps.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+import { Icon } from './Icon';
+import { Image } from './Image';
+import { ValidationResult } from './BaseInputRendererProps';
+export type RepeatableRendererProps = {
+    type: 'repeatable';
+    control?: string;
+    addItemTitle: string;
+    description?: string;
+    children: ReactNode[];
+    editableItem: ReactNode;
+    editItemTitle: string;
+    /**
+     * @deprecated please use the `validationState` property instead
+     */
+    error?: string;
+    /** @experimental */
+    validationState: ValidationResult | undefined;
+    items: RepeatableItemRendererProps[];
+    title: string;
+    /** @experimental */
+    maxItems?: number;
+    /** @experimental */
+    minItems?: number;
+    icon?: Icon;
+    image?: Image;
+    onAdd: () => void;
+    onEdit: (itemIndex: number) => void;
+    onSave: () => boolean;
+    onRemove: () => void;
+};
+export type RepeatableItemRendererProps = {
+    id: string;
+    description?: string;
+    icon?: Icon;
+    image?: Image;
+    title?: string;
+};

package/build/renderers/ReviewRendererProps.d.ts

@@ -0,0 +1,18 @@
+import { Margin } from './constants';
+export type ReviewRendererProps = {
+    type: 'review';
+    control?: string;
+    fields: ReviewField[];
+    margin: Margin;
+    title?: string;
+    callToAction?: ReviewCallToAction;
+};
+export type ReviewField = {
+    help?: string;
+    label: string;
+    value: string;
+};
+export type ReviewCallToAction = {
+    title: string;
+    onClick: () => void;
+};

package/build/renderers/SearchRendererProps.d.ts

@@ -0,0 +1,33 @@
+import type { SearchResult as SearchResultSpec } from '../next';
+import { Margin } from './constants';
+export type SearchRendererProps = {
+    type: 'search';
+    control?: string;
+    id: string;
+    isLoading: boolean;
+    margin: Margin;
+    query: string;
+    onChange: (query: string) => void;
+    state: SearchState;
+    title: string;
+};
+export type SearchState = PendingSearchState | NoResultsSearchState | ResultsSearchState | ErrorSearchState;
+export type PendingSearchState = {
+    type: 'pending';
+};
+export type NoResultsSearchState = {
+    type: 'noResults';
+    message: string;
+};
+export type ErrorSearchState = {
+    type: 'error';
+    onRetry: () => void;
+};
+export type ResultsSearchState = {
+    type: 'results';
+    results: SearchResult[];
+};
+export type SearchResult = Pick<SearchResultSpec, 'description' | 'icon' | 'image' | 'title' | 'type'> & {
+    id?: string;
+    onClick: () => void;
+};

package/build/renderers/SelectInputRendererProps.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { BaseInputRendererProps } from './BaseInputRendererProps';
+import { Icon } from './Icon';
+import { Image } from './Image';
+export type SelectInputRendererProps = BaseInputRendererProps & {
+    type: 'input-select';
+    children: ReactNode;
+    options: SelectInputRendererOption[];
+    selectedIndex: number | null;
+    onSelect: (index: number | null) => void;
+};
+export type SelectInputRendererOption = {
+    description?: string;
+    disabled: boolean;
+    icon?: Icon;
+    image?: Image;
+    keywords?: string[];
+    title: string;
+};

package/build/renderers/StatusListRendererProps.d.ts

@@ -0,0 +1,23 @@
+import { Icon } from './Icon';
+import { Margin } from './constants';
+export type StatusListRendererProps = {
+    type: 'status-list';
+    control?: string;
+    items: StatusListItem[];
+    margin: Margin;
+    title?: string;
+};
+export type StatusListItem = {
+    description?: string;
+    icon: Icon;
+    status?: 'done' | 'not-done' | 'pending';
+    title: string;
+    callToAction?: StatusListItemCallToAction;
+};
+export type StatusListItemCallToAction = {
+    accessibilityDescription?: string;
+    href?: string;
+    title: string;
+    onClick: () => void;
+};
+export type StatusListItemStatus = 'done' | 'not-done' | 'pending';

package/build/renderers/StepRendererProps.d.ts

@@ -0,0 +1,25 @@
+import type { Action, Step } from '../next';
+import type { ReactNode } from 'react';
+export type AnalyticsEventDispatcher = (eventName: string, properties?: Record<string, unknown>) => void;
+export type LoadingState = 'idle' | 'submitting' | 'refreshing';
+export type StepRendererProps = {
+    type: 'step';
+    control?: string;
+    back?: {
+        title?: string;
+        onClick: () => void;
+    };
+    description?: string;
+    error?: string;
+    external?: {
+        url: string;
+    };
+    loadingState: LoadingState;
+    title?: string;
+    trackEvent: AnalyticsEventDispatcher;
+    /** @experimental Please do not use this property. It is only here to support a legacy camera step. */
+    step?: Step;
+    /** @experimental Please do not use this function. Calling onAction from a step renderer completely bypasses the core logic and may result in unexpected behavior. It is only here to support a legacy camera step. */
+    onAction?: (action: Action) => void | Promise<void>;
+    children: ReactNode;
+};

package/build/renderers/TextInputRendererProps.d.ts

@@ -0,0 +1,14 @@
+import { BaseInputRendererProps } from './BaseInputRendererProps';
+/**
+ * Known values for "control" are: 'password' | 'textarea' | 'email' | 'numeric' | 'phone-number'.
+ */
+export type TextInputRendererProps = BaseInputRendererProps & {
+    type: 'input-text';
+    displayFormat?: string;
+    value: string | null;
+    /** @experimental */
+    maxLength?: number;
+    /** @experimental */
+    minLength?: number;
+    onChange: (value: string | null) => void;
+};

package/build/renderers/UploadInputRendererProps.d.ts

@@ -0,0 +1,8 @@
+import { BaseInputRendererProps } from './BaseInputRendererProps';
+export type UploadInputRendererProps = BaseInputRendererProps & {
+    type: 'input-upload';
+    maxSize?: number;
+    accepts?: string[];
+    value: File | null;
+    onUpload: (file: File | null) => Promise<void>;
+};

package/build/renderers/constants.d.ts

@@ -0,0 +1,3 @@
+export type Align = 'start' | 'center' | 'end';
+export type Context = 'positive' | 'negative' | 'warning' | 'neutral';
+export type { Margin, Size } from '../next';

package/build/renderers/index.d.ts

@@ -1,422 +1,36 @@
-import type { Action, Icon as DFIcon, Margin as DFMargin, Size as DFSize, SearchResult as SearchResultSpec, Step } from '../next';
-import type { ReactNode } from 'react';
-export type Align = 'start' | 'center' | 'end';
-export type Bias = 'none' | 'start' | 'end';
-export type Context = 'positive' | 'negative' | 'warning' | 'neutral';
-export type Margin = DFMargin;
-export type Size = DFSize;
-export type LoadingState = 'idle' | 'submitting' | 'refreshing';
-export type AnalyticsEventDispatcher = (eventName: string, properties?: Record<string, unknown>) => void;
-export type Image = {
-    url: string;
-    accessibilityDescription?: string;
-};
-export type Icon = DFIcon;
-export type DecisionOption = {
-    description?: string;
-    disabled?: boolean;
-    icon?: Icon;
-    image?: Image;
-    title: string;
-    onClick: () => void;
-};
-export type InstructionItem = {
-    context: Context;
-    text: string;
-};
-export type ReviewCallToAction = {
-    title: string;
-    onClick: () => void;
-};
-export type AlertCallToActionLink = {
-    type: 'link';
-    accessibilityDescription?: string;
-    href: string;
-    title: string;
-};
-export type AlertCallToAction = {
-    type: 'action';
-    accessibilityDescription?: string;
-    title: string;
-    onClick: () => void;
-};
-export type ReviewField = {
-    help?: string;
-    label: string;
-    value: string;
-};
-export type Renderer<P extends RendererProps> = {
-    canRenderType: P['type'];
-    canRender?: (props: P) => boolean;
-    render: (props: P) => JSX.Element;
-};
-export interface CoreContainerRendererProps {
-    type: 'container';
-    children: ReactNode;
-}
-export type RendererProps = AlertRendererProps | BooleanInputRendererProps | BoxRendererProps | ButtonRendererProps | ColumnsRendererProps | CoreContainerRendererProps | DateInputRendererProps | DecisionRendererProps | DividerRendererProps | FormRendererProps | FormSectionRendererProps | HeadingRendererProps | HiddenRendererProps | ImageRendererProps | InstructionsRendererProps | IntegerInputRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ModalRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | RepeatableRendererProps | ReviewRendererProps | SearchRendererProps | SelectInputRendererProps | StatusListRendererProps | StepRendererProps | TextInputRendererProps | UploadInputRendererProps;
-export type Renderers = readonly (Renderer<StepRendererProps> | Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<FormSectionRendererProps> | Renderer<BooleanInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<SelectInputRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
-export type StepRendererProps = {
-    type: 'step';
-    control?: string;
-    back?: {
-        title?: string;
-        onClick: () => void;
-    };
-    description?: string;
-    error?: string;
-    external?: {
-        url: string;
-    };
-    loadingState: LoadingState;
-    title?: string;
-    trackEvent: AnalyticsEventDispatcher;
-    /** @experimental Please do not use this property. It is only here to support a legacy camera step. */
-    step?: Step;
-    /** @experimental Please do not use this function. Calling onAction from a step renderer completely bypasses the core logic and may result in unexpected behavior. It is only here to support a legacy camera step. */
-    onAction?: (action: Action) => void | Promise<void>;
-    children: ReactNode;
-};
-export type AlertRendererProps = {
-    type: 'alert';
-    control?: string;
-    context: Context;
-    margin: Margin;
-    markdown: string;
-    callToAction?: AlertCallToAction | AlertCallToActionLink;
-};
-export type BoxRendererProps = {
-    type: 'box';
-    control?: string;
-    border: boolean;
-    children: ReactNode;
-    margin: Margin;
-    width: Size;
-};
-export type ColumnsRendererProps = {
-    type: 'columns';
-    control?: string;
-    bias: Bias;
-    margin: Margin;
-    startChildren: ReactNode;
-    endChildren: ReactNode;
-};
-export type DecisionRendererProps = {
-    type: 'decision';
-    control?: string;
-    options: DecisionOption[];
-    margin: Margin;
-    title?: string;
-};
-export type DividerRendererProps = {
-    type: 'divider';
-    control?: string;
-    margin: Margin;
-};
-export type FormRendererProps = {
-    type: 'form';
-    control?: string;
-    children: ReactNode;
-    margin: Margin;
-};
-/**
- * Known values for "control" are: 'display'.
- */
-export type HeadingRendererProps = {
-    type: 'heading';
-    control?: string;
-    align: Align;
-    margin: Margin;
-    size: Size;
-    text: string;
-};
-export type InstructionsRendererProps = {
-    type: 'instructions';
-    control?: string;
-    items: InstructionItem[];
-    margin: Margin;
-    title?: string;
-};
-export type LoadingIndicatorRendererProps = {
-    type: 'loading-indicator';
-    control?: string;
-    margin: Margin;
-    size: Size;
-};
-export type MarkdownRendererProps = {
-    type: 'markdown';
-    control?: string;
-    align: Align;
-    margin: Margin;
-    content: string;
-};
-export type ImageRendererProps = {
-    type: 'image';
-    control?: string;
-    accessibilityDescription?: string;
-    size: Size;
-    margin: Margin;
-    url: string;
-};
-export type ModalRendererProps = {
-    type: 'modal';
-    control?: string;
-    content: {
-        components: ReactNode;
-        title?: string;
-    };
-    margin: Margin;
-    trigger: {
-        title: string;
-    };
-};
-/**
- * Known values for "control" are: 'copyable'.
- */
-export type ParagraphRendererProps = {
-    type: 'paragraph';
-    control?: string;
-    align: Align;
-    margin: Margin;
-    text: string;
-};
-export type ReviewRendererProps = {
-    type: 'review';
-    control?: string;
-    fields: ReviewField[];
-    margin: Margin;
-    title?: string;
-    callToAction?: ReviewCallToAction;
-};
-export type SearchRendererProps = {
-    type: 'search';
-    control?: string;
-    id: string;
-    isLoading: boolean;
-    margin: Margin;
-    query: string;
-    onChange: (query: string) => void;
-    state: SearchState;
-    title: string;
-};
-export type SearchState = PendingSearchState | NoResultsSearchState | ResultsSearchState | ErrorSearchState;
-export type PendingSearchState = {
-    type: 'pending';
-};
-export type NoResultsSearchState = {
-    type: 'noResults';
-    message: string;
-};
-export type ErrorSearchState = {
-    type: 'error';
-    onRetry: () => void;
-};
-export type ResultsSearchState = {
-    type: 'results';
-    results: SearchResult[];
-};
-export type SearchResult = Pick<SearchResultSpec, 'description' | 'icon' | 'image' | 'title' | 'type'> & {
-    id?: string;
-    onClick: () => void;
-};
-export type StatusListRendererProps = {
-    type: 'status-list';
-    control?: string;
-    items: StatusListItem[];
-    margin: Margin;
-    title?: string;
-};
-export type StatusListItem = {
-    description?: string;
-    icon: Icon;
-    status?: 'done' | 'not-done' | 'pending';
-    title: string;
-    callToAction?: StatusListItemCallToAction;
-};
-export type StatusListItemCallToAction = {
-    accessibilityDescription?: string;
-    href?: string;
-    title: string;
-    onClick: () => void;
-};
-export type StatusListItemStatus = 'done' | 'not-done' | 'pending';
-export type FormSectionRendererProps = {
-    type: 'form-section';
-    control?: string;
-    title?: string;
-    description?: string;
-    help?: string;
-    children: ReactNode;
-};
-interface BaseInputRendererProps {
-    id: string;
-    control?: string;
-    autoComplete: string;
-    description?: string;
-    disabled: boolean;
-    /**
-     * @deprecated please use the `validationState` property instead
-     */
-    error?: string;
-    help?: string;
-    label?: string;
-    placeholder?: string;
-    required: boolean;
-    /** @experimental */
-    validationState: ValidationResult | undefined;
-    onBlur: () => void;
-    onFocus: () => void;
-}
-export type ValidationResult = {
-    status: 'valid';
-    message?: string;
-} | {
-    status: 'invalid';
-    message: string;
-};
-export interface BooleanInputRendererProps extends BaseInputRendererProps {
-    type: 'input-boolean';
-    value: boolean;
-    onChange: (value: boolean) => void;
-}
-/**
- * Known values for "control" are: 'primary' | 'secondary' | 'tertiary'.
- */
-export type ButtonRendererProps = {
-    type: 'button';
-    control?: string;
-    context: Context;
-    disabled: boolean;
-    margin: Margin;
-    pinOrder?: number;
-    size?: Size;
-    title: string;
-    onClick: () => void;
-};
-/**
- * Known values for "control" are: 'date-lookup'.
- */
-export type DateInputRendererProps = BaseInputRendererProps & {
-    type: 'input-date';
-    maximumDate?: string;
-    minimumDate?: string;
-    value: string | null;
-    onChange: (value: string | null) => void;
-};
-export type HiddenRendererProps = {
-    type: 'hidden';
-    control?: string;
-};
-export type IntegerInputRendererProps = BaseInputRendererProps & {
-    type: 'input-integer';
-    value: number | null;
-    /** @experimental */
-    maximum?: number;
-    /** @experimental */
-    minimum?: number;
-    onChange: (value: number | null) => void;
-};
-export type MultiSelectInputRendererProps = Omit<BaseInputRendererProps, 'required'> & {
-    type: 'input-multi-select';
-    label?: string;
-    description?: string;
-    /** @experimental */
-    maxItems?: number;
-    /** @experimental */
-    minItems?: number;
-    selectedIndices: number[];
-    options: SelectInputRendererOption[];
-    onSelect: (indices: number[]) => void;
-};
-export type NumberInputRendererProps = BaseInputRendererProps & {
-    type: 'input-number';
-    value: number | null;
-    /** @experimental */
-    maximum?: number;
-    /** @experimental */
-    minimum?: number;
-    onChange: (value: number | null) => void;
-};
-export type RepeatableRendererProps = {
-    type: 'repeatable';
-    control?: string;
-    addItemTitle: string;
-    description?: string;
-    children: ReactNode[];
-    editableItem: ReactNode;
-    editItemTitle: string;
-    /**
-     * @deprecated please use the `validationState` property instead
-     */
-    error?: string;
-    /** @experimental */
-    validationState: ValidationResult | undefined;
-    items: RepeatableItemRendererProps[];
-    title: string;
-    /** @experimental */
-    maxItems?: number;
-    /** @experimental */
-    minItems?: number;
-    onAdd: () => void;
-    onEdit: (itemIndex: number) => void;
-    onSave: () => boolean;
-    onRemove: () => void;
-};
-export type RepeatableItemRendererProps = {
-    id: string;
-    description?: string;
-    icon?: Icon;
-    image?: Image;
-    title?: string;
-};
-export type SelectInputRendererProps = BaseInputRendererProps & {
-    type: 'input-select';
-    children: ReactNode;
-    options: SelectInputRendererOption[];
-    selectedIndex: number | null;
-    onSelect: (index: number | null) => void;
-};
-export type SelectInputRendererOption = {
-    description?: string;
-    disabled: boolean;
-    icon?: Icon;
-    image?: Image;
-    keywords?: string[];
-    title: string;
-};
-/**
- * Known values for "control" are: 'password' | 'textarea' | 'email' | 'numeric' | 'phone-number'.
- */
-export type TextInputRendererProps = BaseInputRendererProps & {
-    type: 'input-text';
-    displayFormat?: string;
-    value: string | null;
-    /** @experimental */
-    maxLength?: number;
-    /** @experimental */
-    minLength?: number;
-    onChange: (value: string | null) => void;
-};
-export type UploadInputRendererProps = BaseInputRendererProps & {
-    type: 'input-upload';
-    maxSize?: number;
-    accepts?: string[];
-    value: File | null;
-    onUpload: (file: File | null) => Promise<void>;
-};
-export type MultiUploadInputRendererProps = BaseInputRendererProps & {
-    type: 'input-upload-multi';
-    maxSize?: number;
-    minItems?: number;
-    maxItems?: number;
-    accepts?: string[];
-    uploadLabel?: string;
-    value: FileWithId[];
-    onUpload: (file: File, fileId: string) => Promise<void>;
-    onDelete: (fileId: string) => Promise<void>;
-};
-type FileWithId = {
-    id: string;
-    file: File;
-};
-export {};
+export type { AlertRendererProps, AlertCallToAction, AlertCallToActionLink, } from './AlertRendererProps';
+export type { BooleanInputRendererProps } from './BooleanRendererProps';
+export type { BoxRendererProps } from './BoxRendererProps';
+export type { ButtonRendererProps } from './ButtonRendererProps';
+export type { ColumnsRendererProps } from './ColumnsRendererProps';
+export type { CoreContainerRendererProps } from './CoreContainerRendererProps';
+export type { DateInputRendererProps } from './DateInputRendererProps';
+export type { DecisionRendererProps, DecisionOption } from './DecisionRendererProps';
+export type { DividerRendererProps } from './DividerRendererProps';
+export type { FormRendererProps } from './FormRendererProps';
+export type { FormSectionRendererProps } from './FormSectionRendererProps';
+export type { HeadingRendererProps } from './HeadingRendererProps';
+export type { HiddenRendererProps } from './HiddenRendererProps';
+export type { ImageRendererProps } from './ImageRendererProps';
+export type { InstructionsRendererProps, InstructionItem } from './InstructionsRendererProps';
+export type { IntegerInputRendererProps } from './IntegerInputRendererProps';
+export type { LoadingIndicatorRendererProps } from './LoadingIndicatorRendererProps';
+export type { MarkdownRendererProps } from './MarkdownRendererProps';
+export type { ModalRendererProps } from './ModalRendererProps';
+export type { MultiSelectInputRendererProps } from './MultiSelectInputRendererProps';
+export type { MultiUploadInputRendererProps } from './MultiUploadInputRendererProps';
+export type { NumberInputRendererProps } from './NumberInputRendererProps';
+export type { ParagraphRendererProps } from './ParagraphRendererProps';
+export type { RepeatableRendererProps, RepeatableItemRendererProps, } from './RepeatableRendererProps';
+export type { ReviewRendererProps, ReviewField, ReviewCallToAction } from './ReviewRendererProps';
+export type { SearchRendererProps, SearchResult, SearchState, ErrorSearchState, PendingSearchState, NoResultsSearchState, ResultsSearchState, } from './SearchRendererProps';
+export type { SelectInputRendererProps, SelectInputRendererOption, } from './SelectInputRendererProps';
+export type { StatusListRendererProps, StatusListItem, StatusListItemCallToAction, StatusListItemStatus, } from './StatusListRendererProps';
+export type { StepRendererProps, AnalyticsEventDispatcher, LoadingState, } from './StepRendererProps';
+export type { TextInputRendererProps } from './TextInputRendererProps';
+export type { UploadInputRendererProps } from './UploadInputRendererProps';
+export type { ValidationResult } from './BaseInputRendererProps';
+export type { Align, Context, Margin, Size } from './constants';
+export type { Icon } from './Icon';
+export type { Image } from './Image';
+export type { RendererProps, Renderers, Renderer } from './RendererProps';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-types",
-  "version": "2.24.0",
+  "version": "2.25.0",
   "description": "Dynamic Flow TypeScript Types",
   "license": "Apache-2.0",
   "repository": {
@@ -23,12 +23,12 @@
     "build"
   ],
   "devDependencies": {
-    "@formatjs/cli": "^6.2.12",
+    "@formatjs/cli": "^6.3.0",
     "@types/react": "18.3.11",
     "esbuild": "0.24.0",
-    "npm-run-all2": "6.2.3",
+    "npm-run-all2": "6.2.4",
     "ts-to-zod": "3.6.1",
-    "typescript": "5.6.2"
+    "typescript": "5.6.3"
   },
   "dependencies": {
     "zod": "3.23.8"