@zealicsolutions/web-ui 0.3.1 → 0.3.3-2.2125

package/dist/index.d.ts

@@ -1,45 +1,48 @@
 /// <reference types="react" />
-import * as React$1 from 'react';
-import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType } from 'react';
+import * as react from 'react';
+import react__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType, KeyboardEvent } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
 import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
-import { StylesType, Callback as Callback$1, OverrideStyles, Nullable, StrictUnion } from 'typescript';
+import * as typescript from 'typescript';
+import { StylesType, AnyObject, Callback as Callback$1, OverrideStyles, StyledTransientProps, Nullable, StrictUnion } from 'typescript';
+import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
-import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$2 } from 'fieldsConfiguration/types';
+import { FieldTypes as FieldTypes$1, UIFields as UIFields$1, InputFieldTypes as InputFieldTypes$1 } from 'fieldsConfiguration/types';
 import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
-import { BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, ButtonProps as ButtonProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1 } from 'molecules';
-import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
-import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
-import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
+import * as react_hook_form from 'react-hook-form';
+import { ControllerProps, DeepPartial, FieldValues, FormState, Control, UseFormReturn, ValidationMode } from 'react-hook-form';
 import * as atoms from 'atoms';
-import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, RadioButtonsProps as RadioButtonsProps$1, SelectOption as SelectOption$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
-import { UIFields as UIFields$1, UIField as UIField$1 } from 'fieldsConfiguration';
-import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
-import { ConsentProps as ConsentProps$1, FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
-import { ConsentProps as ConsentProps$2 } from 'organisms/Consent/Consent';
+import { SelectOption as SelectOption$1, TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
+import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, ConsentProps as ConsentProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, ButtonProps as ButtonProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1, Consent as Consent$1 } from 'molecules';
+import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
+import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
+import { UIFields as UIFields$2, UIField as UIField$1 } from 'fieldsConfiguration';
+import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
+import { ConsentProps as ConsentProps$2 } from 'molecules/Consent/Consent';
 import { FooterAProps } from 'organisms/Footer/FooterA';
 import { FooterBProps } from 'organisms/Footer/FooterB';
 import { FooterCProps } from 'organisms/Footer/FooterC';
 import { FooterDProps } from 'organisms/Footer/FooterD';
+import { FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ConsentProps as ConsentProps$3, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
 import { FeedContentContainerProps as FeedContentContainerProps$1 } from 'organisms/FeedContentContainer/FeedContentContainer';
 import { SubscribePanelProps as SubscribePanelProps$1 } from 'organisms/SubscribePanel/type';
 import { ISIAProps } from 'organisms/ISI/ISIA';
 import { HeaderAProps as HeaderAProps$1 } from 'organisms/Header/HeaderA';
 import { FeedContentProps as FeedContentProps$1, FeedContentTemplateTypes as FeedContentTemplateTypes$1 } from 'organisms/FeedContent/types';
-import * as react_hook_form from 'react-hook-form';
-import { Control, ControllerProps, DeepPartial, FieldValues, FormState, UseFormReturn, ValidationMode } from 'react-hook-form';
 import { AlertProps as AlertProps$2 } from 'molecules/Alert/Alert';
 import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
 import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
 import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
+import * as contexts_ButtonActionsContext_ButtonActionsContext from 'contexts/ButtonActionsContext/ButtonActionsContext';
+import * as containers from 'containers';
+import { ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ConditionConfig as ConditionConfig$1 } from 'containers';
 export * from 'helpers/constants';
-import { Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
 import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'atoms/Checkbox/types';
-import { DrawerProps as DrawerProps$1 } from '@mui/material';
-import { ContainerProps as ContainerProps$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1 } from 'containers';
+import { CustomDescendant } from 'atoms/RichTextViewer/types';
+import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
 import * as containers_types_types from 'containers/types/types';
-import { ContainerProps as ContainerProps$2 } from 'containers/types/types';
+import { ContainerProps as ContainerProps$1 } from 'containers/types/types';
 
 declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -51,7 +54,7 @@ declare const TouchableOpacity: styled_components.StyledComponent<"div", styled_
     withoutOpacityEffect?: boolean | undefined;
     disabled?: boolean | undefined;
 } & {
-    children?: React$1.ReactNode;
+    children?: react.ReactNode;
 }, never>;
 
 declare type CheckboxInternalConfigProps = Partial<{
@@ -81,6 +84,8 @@ declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, is
 declare type SelectOption = {
     id: string;
     label: string;
+    value?: string;
+    config?: AnyObject;
 };
 declare type SelectInternalConfigurationOptions = {
     placeholderTextColor: ThemeColors$1 | string;
@@ -92,19 +97,68 @@ declare type SelectInternalConfigurationOptions = {
     wrapperStyles: StylesType;
     styles: StylesType;
 };
-declare type SelectProps = {
+declare type SelectProps = Partial<{
+    ref: RefCallBack;
+    onBlur: Callback$1;
+    value: string;
+    optionsPresentation: boolean;
+    onChange: (value: string) => void;
+    placeholder: string;
+    disabled: boolean;
+    options: SelectOption[];
+    isError: boolean;
+    isEditMode: boolean;
+    selectInternalConfig: SelectInternalConfigurationOptions;
+    isRichText: boolean;
+}>;
+declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
+
+declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
+
+declare type InputFieldTypes = 'phone_number' | 'text' | 'email' | 'password' | 'numerical' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'us_zip_code' | 'any';
+declare type FieldTypes = 'input' | 'select' | 'checkbox';
+declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
+    name: T;
+    type: FieldTypes;
     value?: string;
-    optionsPresentation?: boolean;
-    onChange?: (value: string) => void;
+    label?: string;
     placeholder?: string;
-    disabled?: boolean;
-    options?: SelectOption[];
-    isError?: boolean;
-    isEditMode?: boolean;
-    selectInternalConfig?: SelectInternalConfigurationOptions;
-    isRichText?: boolean;
+    required?: boolean;
+    tooltip?: string;
+    rules?: ControllerProps['rules'];
+    order?: number;
 };
-declare const Select: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
+declare type UIInputField = {
+    inputType?: InputFieldTypes;
+    maxLength?: number;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+} & InputFieldProps$1;
+declare type UISelectField = {
+    options?: SelectOption$1[];
+} & SelectFieldProps$1;
+declare type UICheckboxField = {
+    checkboxLabel?: string;
+};
+declare type UIFields<T extends object> = UIField<keyof T>[];
+
+declare const getInitialValuesFromFields: <T extends object>(fields: UIFields$1<T>) => DeepPartial<T>;
+declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
+declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<FieldSectionProps$1<T>, "fields">[]) => UIFields$1<T>;
+
+declare const acquisitionFormMockFields: UIFields$1<Record<string, string>>;
+declare const setPasswordMockFields: UIFields$1<SetPasswordFields>;
+declare const loginMockFields: UIFields$1<LoginFields$1>;
+declare const sectionMockFields: UIFields$1<Record<string, string>>;
+declare const profileInformationMockForm: {
+    label: string;
+    fields: UIFields$1<Record<string, string>>;
+}[];
+
+declare type MaskConfig = Partial<{
+    maskPlaceholder: string;
+    dataModelFieldType: InputFieldTypes;
+    maskPattern: Array<string | RegExp>;
+}>;
 
 declare type InputFieldInternalConfigProps = Partial<{
     textColor: ThemeColors$2 | string;
@@ -132,10 +186,11 @@ declare type InputProps = {
     isError?: boolean;
     maxLength?: number;
     onChange?: (value: string) => void;
-    onKeyDown?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: react__default.KeyboardEvent<HTMLInputElement>) => void;
     internalConfig?: InputFieldInternalConfigProps;
+    config?: MaskConfig;
 };
-declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, ...rest }: InputProps) => JSX.Element;
+declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;
 
 declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
 declare type TextAlign = 'center' | 'right' | 'left';
@@ -309,16 +364,7 @@ declare type DividerProps = {
 };
 declare const Divider: styled_components.StyledComponent<"div", styled_components.DefaultTheme, DividerProps, never>;
 
-declare type MapPosition = {
-    lat: number;
-    lng: number;
-};
-declare type GoogleMapProps = {
-    position: MapPosition;
-} & WithScriptjsProps & WithGoogleMapProps;
-declare const GoogleMap: React__default.ComponentClass<{
-    position: MapPosition;
-} & WithScriptjsProps & WithGoogleMapProps, any>;
+declare const GoogleMap: () => JSX.Element;
 
 declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
 declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
@@ -335,40 +381,56 @@ declare type RichTextEditorProps = Partial<{
 }>;
 declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
 
-declare type RadioButtonInternalConfigProps = {
+declare type RadioButtonInternalConfigProps = Partial<{
     selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
     selectedRadioOptionIndicatorColor: ThemeColors$1 | string;
     buttonPadding: number;
     textPadding: number;
     styles: StylesType;
     wrapperStyles: StylesType;
-    buttonOptionSpacing?: SizesTypes$1;
-};
-declare type RadioButtonType<T extends string = string> = {
-    id: T;
-    label?: string;
-    error?: boolean;
-    disabled?: boolean;
-    isRichText?: boolean;
-};
+    buttonOptionSpacing: SizesTypes$1;
+    radioGroupWrapperStyles: StylesType;
+}>;
 declare type RadioButtonsProps<T extends string> = Partial<{
-    isEditMode: boolean;
-    onChange: (value: T) => void;
+    ref: RefCallBack;
+    name: string;
     value: T;
+    options: SelectOption[];
+    onBlur: Callback$1;
+    onChange: (value: T) => void;
     isRow: boolean;
-    items: RadioButtonType<T>[];
-    name: string;
+    isError: boolean;
+    disabled: boolean;
+    isEditMode: boolean;
+    isRichText: boolean;
     internalConfig: RadioButtonInternalConfigProps;
 }>;
-declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: Partial<{
-    isEditMode: boolean;
-    onChange: (value: T) => void;
+declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
+    ref: RefCallBack;
+    name: string;
     value: T;
+    options: SelectOption[];
+    onBlur: Callback$1;
+    onChange: (value: T) => void;
     isRow: boolean;
-    items: RadioButtonType<T>[];
-    name: string;
-    internalConfig: RadioButtonInternalConfigProps;
+    isError: boolean;
+    disabled: boolean;
+    isEditMode: boolean;
+    isRichText: boolean;
+    internalConfig: Partial<{
+        selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
+        selectedRadioOptionIndicatorColor: ThemeColors$1 | string;
+        buttonPadding: number;
+        textPadding: number;
+        styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+        wrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+        buttonOptionSpacing: SizesTypes$1;
+        radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+    }>;
 }>) => JSX.Element;
+declare const RadioGroupWrapper: styled_components.StyledComponent<typeof RadioGroup, styled_components.DefaultTheme, StyledTransientProps<{
+    isRow: boolean;
+}> & OverrideStyles, never>;
 
 declare type CircleType = 'link' | 'message';
 declare type CircleBoxProps = {
@@ -376,6 +438,7 @@ declare type CircleBoxProps = {
     type: CircleType;
 };
 declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
+declare const CirclesWrapper: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
 
 declare type CircularIndicatorProps = {
     active: boolean;
@@ -423,7 +486,7 @@ declare type TabProps<T = string, K = string> = {
     selectedTabIndicatorColor: ThemeColors$1 | string;
     styles: StylesType;
 }>;
-declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, defaultTabTextColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
+declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, defaultTabTextColor, ...tabProps }: TabProps<T, K>, ref: react__default.ForwardedRef<TabElement>) => JSX.Element;
 declare const Tab: <T, K>(props: {
     tabKey: T;
     text: string;
@@ -444,7 +507,7 @@ declare const Tab: <T, K>(props: {
     selectedTabIndicatorColor: ThemeColors$1 | string;
     styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
 }> & {
-    ref?: React__default.ForwardedRef<TabElement> | undefined;
+    ref?: react__default.ForwardedRef<TabElement> | undefined;
 }) => ReturnType<typeof ZealTab>;
 
 declare type SetPasswordRuleValidation = {
@@ -452,7 +515,7 @@ declare type SetPasswordRuleValidation = {
     rule: MaxRuleValidation | MinRuleValidation;
 };
 declare type SetPasswordFormProps = {
-    fields: UIFields$1<SetPasswordFields>;
+    fields: UIFields$2<SetPasswordFields>;
     logoUrl: string;
     isLoading?: boolean;
     validations: SetPasswordRuleValidation[];
@@ -463,7 +526,7 @@ declare const SetPasswordForm: ({ logoUrl, fields, validations, onBack, onSubmit
 
 declare const showAcceptToastMessage: () => void | undefined;
 declare type AcquisitionFormProps<T extends object> = {
-    fields: UIFields$1<T>;
+    fields: UIFields$2<T>;
     consents: ConsentProps$1[];
     logoUrl: string;
     isLoading?: boolean;
@@ -499,7 +562,7 @@ declare type LoginFields = {
 };
 
 declare type LoginFormProps = {
-    fields: UIFields$1<LoginFields>;
+    fields: UIFields$2<LoginFields>;
     logoUrl: string;
     isLoading?: boolean;
     twoFactorAuthConfig?: {
@@ -638,32 +701,6 @@ declare type HeaderProps<T = string> = (HeaderAProps<T> & {
 });
 declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
 
-declare type ButtonCaptureProps = {
-    type: 'button';
-    acceptButton: ButtonProps$1;
-    denyButton: ButtonProps$1;
-};
-declare type RadioButtonsCaptureProps<T extends string> = {
-    type: 'radioButton';
-    acceptValue: T;
-} & RadioButtonsProps$1<T>;
-declare type CheckboxCaptureProps = {
-    type: 'checkbox';
-    label: string;
-    value: boolean;
-    onChange: (value: boolean) => void;
-};
-declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
-
-declare type ConsentProps<T extends string = string> = {
-    text: string;
-    isRequired?: boolean;
-    consentCaptureProps: ConsentCaptureProps<T>;
-    containerStyles?: CSSProperties;
-    clearStyles?: boolean;
-};
-declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
-
 declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
 declare type ProcessTrackerProps = {
     title?: Nullable<string>;
@@ -763,7 +800,7 @@ interface Helpers {
 }
 declare const useStep: (maxStep: number) => [number, Helpers];
 
-declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$1[]) => boolean;
+declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$3[]) => boolean;
 
 declare const defaultTheme: DefaultTheme;
 
@@ -795,47 +832,6 @@ declare const toastStyles: styled_components.FlattenSimpleInterpolation;
 
 declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
 
-declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
-
-declare type InputFieldTypes = 'phone-number' | 'text' | 'email' | 'password' | 'numerical' | 'any';
-declare type FieldTypes = 'input' | 'select' | 'checkbox';
-declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
-    name: T;
-    type: FieldTypes;
-    value?: string;
-    label?: string;
-    placeholder?: string;
-    required?: boolean;
-    tooltip?: string;
-    rules?: ControllerProps['rules'];
-    order?: number;
-};
-declare type UIInputField = {
-    inputType?: InputFieldTypes;
-    maxLength?: number;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-} & InputFieldProps$1;
-declare type UISelectField = {
-    options?: SelectOption$1[];
-} & SelectFieldProps$1;
-declare type UICheckboxField = {
-    checkboxLabel?: string;
-};
-declare type UIFields<T extends object> = UIField<keyof T>[];
-
-declare const getInitialValuesFromFields: <T extends object>(fields: UIFields$2<T>) => DeepPartial<T>;
-declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
-declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<FieldSectionProps$1<T>, "fields">[]) => UIFields$2<T>;
-
-declare const acquisitionFormMockFields: UIFields$2<Record<string, string>>;
-declare const setPasswordMockFields: UIFields$2<SetPasswordFields>;
-declare const loginMockFields: UIFields$2<LoginFields$1>;
-declare const sectionMockFields: UIFields$2<Record<string, string>>;
-declare const profileInformationMockForm: {
-    label: string;
-    fields: UIFields$2<Record<string, string>>;
-}[];
-
 declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
     annotationsList: AnnotationsList$1;
     isMLRReview: boolean;
@@ -848,12 +844,15 @@ declare type MlrRichTextViewerContextType = {
     showAnnotations: boolean;
     annotationsList: AnnotationsList$1;
 };
-declare const MlrRichTextViewerContext: React$1.Context<MlrRichTextViewerContextType>;
+declare const MlrRichTextViewerContext: react.Context<MlrRichTextViewerContextType>;
 
 declare type AnnotationsList = {
     tags: {
         id: string;
         label: string;
+        entityIds: string[];
+        moleculeIds: string[];
+        referencedByIds: string[];
     }[];
     links: {
         referencedById: string;
@@ -865,6 +864,42 @@ declare type AnnotationsList = {
 
 declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
 
+declare const useButtonActionsContext: () => contexts_ButtonActionsContext_ButtonActionsContext.ButtonActionsContextType;
+
+declare type ButtonActionsContextType = {
+    actionContent?: ContainerComponentProps$1;
+    setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
+    isModalVisible: boolean;
+    setModalVisible: Dispatch<SetStateAction<boolean>>;
+    isDrawerVisible: boolean;
+    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
+};
+declare const ButtonActionsContext: react.Context<ButtonActionsContextType>;
+
+declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
+    actionContent: ContainerComponentProps$1;
+    setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
+    isModalVisible: boolean;
+    setModalVisible: Dispatch<SetStateAction<boolean>>;
+    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
+    isDrawerVisible: boolean;
+}>>;
+declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
+
+declare type StepItem = ContainerComponentProps$1 | Molecule$1;
+declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
+
+declare type OrganismContextType = {
+    items: (ContainerComponentProps$1 | Molecule$1)[];
+    groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
+};
+declare const OrganismContext: react.Context<OrganismContextType>;
+
+declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
+    initItems: (ContainerComponentProps$1 | Molecule$1)[];
+}>>;
+declare const OrganismContextProvider: ({ initItems, children, }: FormStepContextProviderProps) => JSX.Element;
+
 declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 declare type LabelInternalConfig = {
     fontVariant: FontSizesTypes$2;
@@ -916,8 +951,9 @@ declare type InputFieldProps = Partial<{
     inputProps: InputProps$1;
     styles: StylesType;
     labelsProps: FieldLabelsProps;
+    conditionConfig?: ConditionConfig$1;
 }>;
-declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: InputFieldProps) => JSX.Element;
+declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, }: InputFieldProps) => JSX.Element | null;
 
 declare type FieldMapperProps<T extends object> = {
     field: UIField$1<keyof T>;
@@ -951,14 +987,17 @@ declare type CheckboxFieldProps = Partial<{
     required: boolean;
     optional: boolean;
     wrapperStyles: StylesType;
+    conditionConfig?: ConditionConfig$1;
 }>;
-declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;
+declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, }: CheckboxFieldProps) => JSX.Element | null;
 
 declare type CheckboxGroupProps = Partial<{
+    ref: RefCallBack;
+    onBlur: Callback$1;
     onChange: (checkedIds: string[]) => void;
     checkboxesProps: CheckboxesProps;
 }>;
-declare const CheckboxGroup: ({ onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;
+declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;
 
 declare type SelectFieldProps = Partial<{
     selectProps: SelectProps$1;
@@ -970,8 +1009,9 @@ declare type SelectFieldProps = Partial<{
     optional: boolean;
     defaultValue: string;
     styles: StylesType;
+    conditionConfig?: ConditionConfig$1;
 }>;
-declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
+declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: SelectFieldProps) => JSX.Element | null;
 
 declare type CustomValidationRule<T = string> = {
     text: string;
@@ -1064,7 +1104,7 @@ declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuCon
 
 declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
 declare type AdditionalTabContainerProps = {
-    containerStyle?: CSSProperties;
+    containerStyle?: StylesType;
     containerProps?: Record<string, unknown>;
 };
 declare type TabGroupProps<T = string, K = string> = {
@@ -1112,34 +1152,61 @@ declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProp
 
 declare type RadioButtonFieldProps<T extends string> = Partial<{
     name: string;
-    control: Control$1<any>;
     rules: ControllerProps$1['rules'];
-    required: boolean;
+    styles: StylesType;
+    control: Control$1<any>;
     optional: boolean;
+    required: boolean;
+    labelsProps: FieldLabelsProps;
     defaultValue: string;
-    styles: CSSProperties;
     radioButtonsProps: RadioButtonsProps$1<T>;
-    labelsProps: FieldLabelsProps;
+    internalConfig: RadioButtonInternalConfigProps$1;
+    conditionConfig?: ConditionConfig$1;
 }>;
-declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
+declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
     name: string;
-    control: Control$1<any>;
     rules: ControllerProps$1['rules'];
-    required: boolean;
+    styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+    control: Control$1<any>;
     optional: boolean;
+    required: boolean;
+    labelsProps: FieldLabelsProps;
     defaultValue: string;
-    styles: CSSProperties;
     radioButtonsProps: Partial<{
-        isEditMode: boolean;
-        onChange: (value: T) => void;
+        ref: react_hook_form.RefCallBack;
+        name: string;
         value: T;
+        options: atoms.SelectOption[];
+        onBlur: typescript.Callback;
+        onChange: (value: T) => void;
         isRow: boolean;
-        items: atoms.RadioButtonType<T>[];
-        name: string;
-        internalConfig: atoms.RadioButtonInternalConfigProps;
+        isError: boolean;
+        disabled: boolean;
+        isEditMode: boolean;
+        isRichText: boolean;
+        internalConfig: Partial<{
+            selectedRadioOptionBackgroundColor: string;
+            selectedRadioOptionIndicatorColor: string;
+            buttonPadding: number;
+            textPadding: number;
+            styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+            wrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+            buttonOptionSpacing: SizesTypes;
+            radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+        }>;
     }>;
-    labelsProps: FieldLabelsProps;
-}>) => JSX.Element;
+    internalConfig: Partial<{
+        selectedRadioOptionBackgroundColor: string;
+        selectedRadioOptionIndicatorColor: string;
+        buttonPadding: number;
+        textPadding: number;
+        styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+        wrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+        buttonOptionSpacing: SizesTypes;
+        radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+    }>;
+    conditionConfig?: ConditionConfig$1 | undefined;
+}>) => JSX.Element | null;
 
 declare type AlertProps = {
     style?: CSSProperties;
@@ -1183,7 +1250,7 @@ declare type PdfDocumentProps = {
         disabledPaginationArrowColor: ThemeColors$1 | string;
     }>;
 };
-declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => JSX.Element;
+declare const PdfDocument: () => JSX.Element;
 
 declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;
 declare type FeedContentHeaderProps = {
@@ -1224,9 +1291,10 @@ declare type VideoProps = {
     enableCoverImage: boolean;
     coverImageSrc: string;
     style: CSSProperties;
+    styles: StylesType;
     template: FeedContentTemplateTypes$1;
 }>;
-declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;
+declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, styles, }: VideoProps) => JSX.Element | null;
 
 declare type ImageProps = {
     src: string;
@@ -1234,13 +1302,14 @@ declare type ImageProps = {
     id: string;
     altText: string;
     link: string;
+    onClick: Callback$1;
     width: number;
     height: number;
     cornerRadius: number;
     behaveAs: 'background' | 'regular';
     styles: StylesType;
 }>;
-declare const Image: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
+declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;
 
 declare type CarouselProps = {
     children: JSX.Element[];
@@ -1311,22 +1380,129 @@ declare type ButtonProps = BaseButtonProps & {
 };
 declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
 
-declare const Container: ({ children, wide, compact, type, props }: ContainerProps$1) => JSX.Element;
-declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
+declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
+    padding?: number | string;
+    wrapperStyles?: CSSProperties;
+    onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
+    modalStyles?: CSSProperties;
+    onClose?: Callback$1;
+};
+declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
+declare const ModalWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
+declare const IconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: react__default.ReactNode;
+}, never>;
+
+declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
+declare type DefaultSelectionType = 'confirmation' | 'rejection';
+declare type ConsentProps<T extends string = string> = {
+    text: string;
+    isRequired?: boolean;
+    consentCaptureProps: ConsentCaptureProps<T>;
+    containerStyles?: CSSProperties;
+    clearStyles?: boolean;
+};
+declare type Consent = {
+    id: string;
+    name: string;
+    acknowledgment: CustomDescendant[];
+    methodOfCapture: ConsentCaptureMethod;
+    description: string;
+    language: CustomDescendant[];
+    expiration: string;
+    confirmationButtonText: string;
+    rejectionButtonText: string;
+    defaultSelection: DefaultSelectionType;
+    value?: DefaultSelectionType | boolean;
+    isRequired?: boolean;
+};
+declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
+
+declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
+    type: containers.ContainerType;
+    wide: Partial<{
+        containerStyle: styled_components.CSSProperties;
+        containerProps: Partial<{
+            position: containers.ContainerPositionType;
+            scrollBehaviour: containers.ContainerScrollBehaviourType;
+            cornerRadius: number;
+            styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+            formProps: containers.FormContainerProps;
+            formStepProps: containers.FormStepContainerProps;
+        }>;
+    }>;
+    compact: Partial<{
+        containerStyle: styled_components.CSSProperties;
+        containerProps: Partial<{
+            position: containers.ContainerPositionType;
+            scrollBehaviour: containers.ContainerScrollBehaviourType;
+            cornerRadius: number;
+            styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+            formProps: containers.FormContainerProps;
+            formStepProps: containers.FormStepContainerProps;
+        }>;
+    }>;
+    props: Partial<{
+        position: containers.ContainerPositionType;
+        scrollBehaviour: containers.ContainerScrollBehaviourType;
+        cornerRadius: number;
+        styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+        formProps: containers.FormContainerProps;
+        formStepProps: containers.FormStepContainerProps;
+    }>;
+}> & {
+    children?: react.ReactNode;
+} & {
+    id: string;
+}) => JSX.Element;
+declare const ContainerComponent: ({ type, items, config, tabsProps, id, }: ContainerComponentProps$1) => JSX.Element | null;
 
+declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
+declare type DownloadFile = {
+    url: string;
+    name: string;
+};
+declare type LinkAction = LinkAttributes;
+declare type PopupDrawerAction = ContainerComponentProps;
+declare type DownloadAction = DownloadFile;
+declare type SubmitAction = AnyObject;
+declare type CancelAction = AnyObject;
+declare type ResetAction = AnyObject;
+declare type DestroyAction = AnyObject;
+declare type Action = {
+    type: ActionTypes;
+} & Partial<{
+    link: LinkAction;
+    popup: PopupDrawerAction;
+    drawer: PopupDrawerAction;
+    download: DownloadAction;
+    submit: SubmitAction;
+    cancel: CancelAction;
+    reset: ResetAction;
+    destroy: DestroyAction;
+}>;
 declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
 };
 interface TextAttributes {
+    id?: string;
     attributeType: 'text';
-    isRichText: boolean;
+    isRichText?: boolean;
     text: string;
 }
 interface VideoAttributes {
     attributeType: 'video';
     videoSource: string;
 }
+interface ActionAttributes {
+    attributeType: 'action';
+    action: Action;
+}
 interface LinkAttributes {
     id: string;
     attributeType: 'link';
@@ -1336,6 +1512,7 @@ interface LinkAttributes {
     name: string;
 }
 interface SelectAttributes {
+    id?: string;
     attributeType: 'select';
     value: string;
     options: SelectOption$1[];
@@ -1348,56 +1525,72 @@ interface IterableAttributes {
     attributeType: 'iterable';
     options: SelectOption$1[];
 }
-declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field';
+interface DataConnectionAttributes {
+    id: string;
+    attributeType: 'data_model_field';
+    dataModelField: {
+        id: string;
+        fieldName: string;
+        code: string;
+    };
+}
+interface ConditionConfigAttributes {
+    id: string;
+    attributeType: 'condition_config';
+    conditionConfig: ConditionConfig;
+}
+declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent';
 interface BaseMolecule {
     id: string;
     instance: 'molecule';
     type: MoleculeTypes;
+    metadata?: AnyObject;
 }
 interface ImageMolecule extends BaseMolecule {
     type: 'image';
-    attributes: {
+    attributes: Partial<{
         image: ImageAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         link: LinkAttributes;
-    };
+    }>;
     config: {
-        props: Omit<ImageProps$1, 'src' | 'link' | 'altText'>;
+        props?: Omit<ImageProps$1, 'src' | 'link' | 'altText'>;
     };
 }
 interface TextMoleculeType extends BaseMolecule {
     type: 'text';
-    attributes: {
+    attributes: Partial<{
         text: TextAttributes;
         seoStyle: SelectAttributes;
-    };
+        fontVariant: SelectAttributes;
+    }>;
     config: {
-        props: TextMoleculeProps$1;
+        props?: TextMoleculeProps$1;
     };
 }
 interface ButtonMolecule extends BaseMolecule {
     type: 'button';
-    attributes: {
+    attributes: Partial<{
         title: TextAttributes;
-        buttonLink: LinkAttributes;
-    };
+        action: ActionAttributes;
+    }>;
     config: {
-        props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
+        props?: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
     };
 }
 interface VideoMolecule extends BaseMolecule {
     type: 'video';
-    attributes: {
+    attributes: Partial<{
         video: VideoAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         autoPlayVideo: BooleanAttributes;
         enableCoverImage: BooleanAttributes;
         coverImage: ImageAttributes;
-    };
+    }>;
     config: {
         props: Partial<{
             width: number;
-            styles: CSSProperties;
+            styles: StylesType;
         }>;
     };
 }
@@ -1405,83 +1598,102 @@ interface TabGroupMolecule extends BaseMolecule {
     type: 'header_tab_group';
     config: {
         props: TabGroupProps$1;
-        wide: {
-            containerStyle?: CSSProperties;
-            containerProps?: Record<string, unknown>;
-        };
-        compact: {
-            containerStyle?: CSSProperties;
-            containerProps?: Record<string, unknown>;
-        };
+        wide: AdditionalTabContainerProps$1;
+        compact: AdditionalTabContainerProps$1;
     };
 }
 interface TextInputMolecule extends BaseMolecule {
     type: 'input_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         inputType: SelectAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
+        props?: Partial<{
             state: 'default' | 'error';
         } & InputFieldProps$1>;
     };
 }
 interface SelectFieldMolecule extends BaseMolecule {
     type: 'select_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
+        props?: Partial<{
             state: 'default' | 'error';
         } & SelectFieldProps$1>;
     };
 }
 interface RadioButtonFieldMolecule extends BaseMolecule {
     type: 'radio_button_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
+        props?: Partial<{
             state: 'default' | 'error';
         } & RadioButtonFieldProps$1<string>>;
     };
 }
 interface CheckboxFieldMolecule extends BaseMolecule {
     type: 'checkbox_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
+        props?: Partial<{
             state: 'default' | 'error';
         } & CheckboxFieldProps$1>;
     };
 }
-declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule> & {
+interface ConsentFieldMolecule extends BaseMolecule {
+    type: 'consent';
+    attributes: Partial<{
+        consent: Partial<{
+            attributeType: 'consent';
+            consent: Consent$1;
+            required: BooleanAttributes;
+        }>;
+    }>;
+}
+declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
     form?: UseFormReturn<any>;
 };
 
-declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
-declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
+declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step';
+declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
 declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
+declare type FormStepContainerProps = {
+    formStepName: string;
+    order: number;
+    conditionConfig: ConditionConfig;
+};
+declare type FormContainerProps = {
+    mode: keyof ValidationMode;
+};
 declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
     scrollBehaviour: ContainerScrollBehaviourType;
     cornerRadius: number;
     styles: StylesType;
-    formProps: {
-        mode: keyof ValidationMode;
-    };
+    formProps: FormContainerProps;
+    formStepProps: FormStepContainerProps;
 }>;
 declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
@@ -1497,24 +1709,42 @@ declare type ContainerComponentProps = {
     id: string;
     instance: 'container';
     type: ContainerType;
+    items: (ContainerComponentProps | Molecule)[];
     config: {
         wide?: AdditionalContainerProps;
         compact?: AdditionalContainerProps;
         props?: ContainerPropsType;
     };
-    items: (ContainerComponentProps | Molecule)[];
     tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+    metadata?: AnyObject;
+    attributes?: AnyObject;
+    containerLibraryId?: string;
 };
+declare type CriteriaType = 'operator' | 'condition';
+declare type ConditionCriteria = {
+    id: string;
+    type: CriteriaType;
+    operator: string;
+    dataFieldId: Nullable<string>;
+    dataFieldName: Nullable<string>;
+    dataValue: Nullable<string>;
+    connectedTo: Nullable<string>;
+};
+declare type SegmentationType = 'simple' | 'advanced';
+declare type ConditionConfig = Nullable<{
+    id: string;
+    segmentationType: SegmentationType;
+    criteriaList: ConditionCriteria[];
+}>;
 
-declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$2, "type"> & {
+declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$1, "type"> & {
     containerProps?: Partial<{
         position: containers_types_types.ContainerPositionType;
         scrollBehaviour: containers_types_types.ContainerScrollBehaviourType;
         cornerRadius: number;
         styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
-        formProps: {
-            mode: keyof react_hook_form.ValidationMode;
-        };
+        formProps: containers_types_types.FormContainerProps;
+        formStepProps: containers_types_types.FormStepContainerProps;
     }> | undefined;
 }, never>;
 
@@ -1523,4 +1753,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
     tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
 }) => JSX.Element | null;
 
-export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };