@zealicsolutions/web-ui 0.3.136 → 0.3.138

package/dist/esm/src/atoms/RadioButtons/RadioButtons.d.ts

@@ -27,10 +27,8 @@ export declare type RadioButtonsProps<T extends string> = Partial<{
     isEditMode: boolean;
     isRichText: boolean;
     internalConfig: RadioButtonInternalConfigProps;
-    isTrigger?: boolean;
-    moleculeId: string;
 }>;
-export declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, isTrigger, moleculeId, }: Partial<{
+export 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;
@@ -52,8 +50,6 @@ export declare const RadioButtons: <T extends string>({ ref, name, value, option
         buttonOptionSpacing: SizesTypes;
         radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
     }>;
-    isTrigger?: boolean | undefined;
-    moleculeId: string;
 }>) => JSX.Element;
 export declare const RadioGroupWrapper: import("styled-components").StyledComponent<typeof RadioGroup, import("styled-components").DefaultTheme, StyledTransientProps<{
     isRow: boolean;

package/dist/esm/src/atoms/RadioButtons/RadioButtons.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
 declare const _default: {
     title: string;
-    component: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, isTrigger, moleculeId, }: Partial<{
+    component: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
         ref: import("react-hook-form").RefCallBack;
         name: string;
         value: T;
@@ -25,8 +25,6 @@ declare const _default: {
             buttonOptionSpacing: import("theme").SizesTypes;
             radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         }>;
-        isTrigger?: boolean | undefined;
-        moleculeId: string;
     }>) => JSX.Element;
 };
 export default _default;

package/dist/esm/src/atoms/Select/Select.d.ts

@@ -31,7 +31,5 @@ export declare type SelectProps = Partial<{
     isEditMode: boolean;
     selectInternalConfig: SelectInternalConfigurationOptions;
     isRichText: boolean;
-    isTrigger?: boolean;
-    moleculeId: string;
 }>;
-export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, isTrigger, moleculeId, }: SelectProps) => JSX.Element;
+export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;

package/dist/esm/src/atoms/Select/Select.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
 import { SelectProps } from './Select';
 declare const _default: {
     title: string;
-    component: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, isTrigger, moleculeId, }: Partial<{
+    component: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: Partial<{
         ref: import("react-hook-form").RefCallBack;
         onBlur: import("../../typescript").Callback;
         value: string;
@@ -16,8 +16,6 @@ declare const _default: {
         isEditMode: boolean;
         selectInternalConfig: import("./Select").SelectInternalConfigurationOptions;
         isRichText: boolean;
-        isTrigger?: boolean | undefined;
-        moleculeId: string;
     }>) => JSX.Element;
 };
 export default _default;

package/dist/esm/src/containers/FormContainer.d.ts

@@ -2,5 +2,7 @@ import { PropsWithChildren } from 'react';
 import { ValidationMode } from 'react-hook-form';
 export declare type FormContainerProps = PropsWithChildren<{
     mode?: keyof ValidationMode;
+    id?: string;
+    isTrigger?: boolean;
 }>;
-export declare const FormContainer: ({ mode, children }: FormContainerProps) => JSX.Element;
+export declare const FormContainer: ({ mode, children, id, isTrigger, }: FormContainerProps) => JSX.Element;

package/dist/esm/src/containers/hooks/useStateModifierHandler.d.ts

@@ -1,4 +1,4 @@
-declare type ActionTypeType = 'click' | 'start' | 'complete';
+declare type ActionTypeType = 'click' | 'start' | 'complete' | 'close';
 interface UseStateModifierHandlerProps {
     isTrigger?: boolean;
     id: string;

package/dist/esm/src/containers/mock-data.d.ts

@@ -16,3 +16,179 @@ export declare const DataField: ContainerComponentProps;
 export declare const LogInPermanentPage: ContainerComponentProps;
 export declare const stateObjectButton: ContainerComponentProps;
 export declare const stateObjectLink: ContainerComponentProps;
+export declare const popUP: {
+    id: string;
+    config: {
+        size: string;
+        styles: {};
+    };
+    content: {
+        embedded: {
+            id: string;
+            createdAt: string;
+            updatedAt: string;
+            name: string;
+            type: string;
+            body: {
+                instance: string;
+                type: string;
+                items: {
+                    instance: string;
+                    config: {
+                        compact: {
+                            containerProps: {};
+                            containerStyle: {
+                                display: string;
+                                gap: string;
+                                width: string;
+                                flexDirection: string;
+                            };
+                        };
+                        wide: {
+                            containerProps: {};
+                            containerStyle: {
+                                display: string;
+                                gap: string;
+                                width: string;
+                                flexDirection: string;
+                            };
+                        };
+                        props: {
+                            formStepProps: {
+                                formStepName: string;
+                                order: number;
+                                conditionConfig: null;
+                            };
+                        };
+                    };
+                    type: string;
+                    items: {
+                        type: string;
+                        config: {
+                            wide: {
+                                containerProps: {};
+                                containerStyle: {
+                                    display: string;
+                                    gap: string;
+                                    width: string;
+                                    flexDirection: string;
+                                };
+                            };
+                            compact: {
+                                containerProps: {};
+                                containerStyle: {
+                                    display: string;
+                                    gap: string;
+                                    width: string;
+                                    flexDirection: string;
+                                };
+                            };
+                        };
+                        items: {
+                            id: string;
+                            moleculeLibraryId: string;
+                            instance: string;
+                            type: string;
+                            metadata: {};
+                            config: {};
+                            attributes: {
+                                label: {
+                                    required: boolean;
+                                    isRichText: boolean;
+                                    attributeType: string;
+                                    showRichTextToolbar: boolean;
+                                    text: string;
+                                    id: string;
+                                };
+                                required: {
+                                    attributeType: string;
+                                    value: boolean;
+                                    id: string;
+                                };
+                                dataModelField: {
+                                    id: string;
+                                    attributeType: string;
+                                    required: boolean;
+                                    dataModelField: {
+                                        dataFieldName: string;
+                                        dataModelFieldId: string;
+                                        defaultValue: null;
+                                        entitySubtypeId: string;
+                                        entitySubtypeName: string;
+                                    };
+                                };
+                                conditionConfig: {
+                                    id: string;
+                                    attributeType: string;
+                                    conditionConfig: {
+                                        criteriaList: never[];
+                                        segmentationType: string;
+                                    };
+                                };
+                                inputType: {};
+                            };
+                        }[];
+                        metadata: {};
+                        instance: string;
+                        containerLibraryId: string;
+                        id: string;
+                    }[];
+                    metadata: {
+                        validation: string;
+                    };
+                    organismLibraryContainerId: string;
+                    containerLibraryId: string;
+                    id: string;
+                }[];
+                config: {
+                    compact: {
+                        containerProps: {};
+                        containerStyle: {
+                            padding: string;
+                        };
+                    };
+                    wide: {
+                        containerProps: {};
+                        containerStyle: {
+                            padding: string;
+                        };
+                    };
+                    props: {
+                        formProps: {
+                            mode: string;
+                        };
+                        styles: {
+                            display: string;
+                            flexDirection: string;
+                            gap: string;
+                            padding: string;
+                        };
+                    };
+                };
+                metadata: {
+                    validation: string;
+                    display: {
+                        type: string;
+                        itemsPerStep: number;
+                    };
+                };
+                organismLibraryContainerId: string;
+                containerLibraryId: string;
+                id: string;
+            };
+            metadata: {
+                formType: string;
+                editable: boolean;
+                isEditMode: boolean;
+                group: string[];
+                isTrigger: boolean;
+                referenceName: string;
+            };
+            status: string;
+            brandId: string;
+            organismLibraryId: string;
+            subtype: string;
+        }[];
+        isi: null;
+    };
+};

package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts

@@ -4,8 +4,9 @@ export declare type ButtonActionsContextType = {
     actionContent?: ContainerComponentProps;
     setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
     isModalVisible: boolean;
-    setModalVisible: Dispatch<SetStateAction<boolean>>;
     isDrawerVisible: boolean;
     setDrawerVisible: Dispatch<SetStateAction<boolean>>;
+    setActivePopUpById: (id: string) => void;
+    onCloseModal: (id: string) => void;
 };
 export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;

package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts

@@ -1,11 +1,25 @@
 import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
-import { ContainerComponentProps } from 'containers';
+import { AnyObject } from 'typescript';
+import { ContainerComponentProps, Molecule } from 'containers';
+export declare type PopupPropsType = {
+    id: string;
+    config: {
+        styles?: AnyObject;
+        size?: 'large' | 'medium';
+    };
+    content: {
+        embedded?: (ContainerComponentProps | Molecule)[];
+        isi?: ContainerComponentProps | Molecule;
+    };
+};
 export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
     actionContent: ContainerComponentProps;
     setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
     isModalVisible: boolean;
-    setModalVisible: Dispatch<SetStateAction<boolean>>;
     setDrawerVisible: Dispatch<SetStateAction<boolean>>;
     isDrawerVisible: boolean;
+    setActivePopUpById: (id: string) => void;
+    onCloseModal: (id: string) => void;
+    popupProps?: PopupPropsType[];
 }>>;
-export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
+export declare const ButtonActionsProvider: ({ children, popupProps, }: ButtonActionsProviderProps) => JSX.Element;

package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts

@@ -23,5 +23,6 @@ export declare type OrganismContextType = {
     validations?: PasswordRuleValidation[];
     editable?: boolean;
     isFormInEditMode?: boolean;
+    organismMetadata?: AnyObject;
 };
 export declare const OrganismContext: import("react").Context<OrganismContextType>;

package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts

@@ -1,7 +1,7 @@
+import { PropsWithChildren } from 'react';
 import { ContainerComponentProps, Molecule } from 'containers';
+import type { AnyObject } from 'typescript';
 import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
-import { PropsWithChildren } from 'react';
-import { AnyObject } from 'typescript';
 export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
     initItems: (ContainerComponentProps | Molecule)[];
     formId: string;
@@ -12,5 +12,6 @@ export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
     validations: PasswordRuleValidation[];
     editable: boolean;
     isFormInEditMode?: boolean;
+    organismMetadata?: AnyObject;
 }>>;
-export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, }: FormStepContextProviderProps) => JSX.Element;
+export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, organismMetadata, }: FormStepContextProviderProps) => JSX.Element;

package/dist/esm/src/molecules/CheckboxField/CheckboxGroup.d.ts

@@ -7,7 +7,5 @@ export declare type CheckboxGroupProps = Partial<{
     onBlur: Callback;
     onChange: (checkedIds: string[]) => void;
     checkboxesProps: CheckboxesProps;
-    isTrigger?: boolean;
-    moleculeId: string;
 }>;
-export declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps, isTrigger, moleculeId, }: CheckboxGroupProps) => JSX.Element;
+export declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;

package/dist/esm/src/molecules/InputField/InputField.d.ts

@@ -19,7 +19,5 @@ export declare type InputFieldProps = Partial<{
     state: FormStateType;
     formData: AnyObject;
     htmlElementId: string;
-    isTrigger?: boolean;
-    moleculeId: string;
 }>;
-export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, isTrigger, moleculeId, }: InputFieldProps) => JSX.Element | null;
+export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;

package/dist/esm/src/molecules/InputField/InputField.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
 import { InputFieldProps } from './InputField';
 declare const _default: {
     title: string;
-    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, isTrigger, moleculeId, }: Partial<{
+    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: Partial<{
         name: string;
         control: import("react-hook-form").Control<any, any>;
         rules: Omit<Partial<{
@@ -60,8 +60,6 @@ declare const _default: {
         state: import("../..").FormStateType;
         formData: import("typescript").AnyObject;
         htmlElementId: string;
-        isTrigger?: boolean | undefined;
-        moleculeId: string;
     }>) => JSX.Element | null;
 };
 export default _default;

package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts

@@ -53,8 +53,6 @@ export declare const RadioButtonField: <T extends string>({ name, rules, styles,
             buttonOptionSpacing: import("../..").SizesTypes;
             radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         }>;
-        isTrigger?: boolean | undefined;
-        moleculeId: string;
     }>;
     internalConfig: Partial<{
         selectedRadioOptionBackgroundColor: string;

package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts

@@ -51,8 +51,6 @@ declare const _default: {
                 buttonOptionSpacing: import("theme").SizesTypes;
                 radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             }>;
-            isTrigger?: boolean | undefined;
-            moleculeId: string;
         }>;
         internalConfig: Partial<{
             selectedRadioOptionBackgroundColor: string;

package/dist/esm/src/molecules/SelectField/SelectField.d.ts

@@ -19,7 +19,5 @@ export declare type SelectFieldProps = Partial<{
     state: FormStateType;
     formData: AnyObject;
     htmlElementId: string;
-    isTrigger?: boolean;
-    moleculeId: string;
 }>;
-export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, isTrigger, moleculeId, }: SelectFieldProps) => JSX.Element | null;
+export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;

package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
 import { SelectFieldProps } from './SelectField';
 declare const _default: {
     title: string;
-    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, isTrigger, moleculeId, }: Partial<{
+    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: Partial<{
         selectProps: Partial<{
             ref: import("react-hook-form").RefCallBack;
             onBlur: import("typescript").Callback;
@@ -17,8 +17,6 @@ declare const _default: {
             isEditMode: boolean;
             selectInternalConfig: import("../..").SelectInternalConfigurationOptions;
             isRichText: boolean;
-            isTrigger?: boolean | undefined;
-            moleculeId: string;
         }>;
         labelsProps: import("..").FieldLabelsProps;
         name: string;
@@ -49,8 +47,6 @@ declare const _default: {
         state: import("../..").FormStateType;
         formData: import("typescript").AnyObject;
         htmlElementId: string;
-        isTrigger?: boolean | undefined;
-        moleculeId: string;
     }>) => JSX.Element | null;
 };
 export default _default;

package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts

@@ -1,15 +1,17 @@
 import { ModalProps as MUIModalProps } from '@mui/material';
 import React, { KeyboardEvent, PropsWithChildren } from 'react';
 import { CSSProperties } from 'styled-components';
-import type { Callback, OverrideStyles } from 'typescript';
+import type { OverrideStyles } from 'typescript';
 export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
     padding?: number | string;
     wrapperStyles?: CSSProperties;
     onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
     modalStyles?: CSSProperties;
-    onClose?: Callback;
+    size?: string;
+    popupId: string;
+    onClose: (popupId: string) => void;
 };
-export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
+export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, ...rest }: ZealUIModalProps) => JSX.Element;
 export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     activeOpacity?: number | undefined;

package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
 declare const _default: {
     title: string;
-    component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
+    component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
 };
 export default _default;
 export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;

package/dist/index.d.ts

@@ -115,10 +115,8 @@ declare type SelectProps = Partial<{
     isEditMode: boolean;
     selectInternalConfig: SelectInternalConfigurationOptions;
     isRichText: boolean;
-    isTrigger?: boolean;
-    moleculeId: string;
 }>;
-declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, isTrigger, moleculeId, }: SelectProps) => JSX.Element;
+declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
 
 declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
     type: containers.ContainerType;
@@ -918,10 +916,8 @@ declare type RadioButtonsProps<T extends string> = Partial<{
     isEditMode: boolean;
     isRichText: boolean;
     internalConfig: RadioButtonInternalConfigProps;
-    isTrigger?: boolean;
-    moleculeId: string;
 }>;
-declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, isTrigger, moleculeId, }: Partial<{
+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;
@@ -943,8 +939,6 @@ declare const RadioButtons: <T extends string>({ ref, name, value, options, onBl
         buttonOptionSpacing: SizesTypes$1;
         radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
     }>;
-    isTrigger?: boolean | undefined;
-    moleculeId: string;
 }>) => JSX.Element;
 declare const RadioGroupWrapper: styled_components.StyledComponent<typeof RadioGroup, styled_components.DefaultTheme, StyledTransientProps<{
     isRow: boolean;
@@ -1388,21 +1382,35 @@ declare type ButtonActionsContextType = {
     actionContent?: ContainerComponentProps$1;
     setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
     isModalVisible: boolean;
-    setModalVisible: Dispatch<SetStateAction<boolean>>;
     isDrawerVisible: boolean;
     setDrawerVisible: Dispatch<SetStateAction<boolean>>;
+    setActivePopUpById: (id: string) => void;
+    onCloseModal: (id: string) => void;
 };
 declare const ButtonActionsContext: react.Context<ButtonActionsContextType>;
 
+declare type PopupPropsType = {
+    id: string;
+    config: {
+        styles?: AnyObject$1;
+        size?: 'large' | 'medium';
+    };
+    content: {
+        embedded?: (ContainerComponentProps$1 | Molecule$1)[];
+        isi?: ContainerComponentProps$1 | Molecule$1;
+    };
+};
 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;
+    setActivePopUpById: (id: string) => void;
+    onCloseModal: (id: string) => void;
+    popupProps?: PopupPropsType[];
 }>>;
-declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
+declare const ButtonActionsProvider: ({ children, popupProps, }: ButtonActionsProviderProps) => JSX.Element;
 
 declare type StepItem = ContainerComponentProps$1 | Molecule$1;
 declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
@@ -1426,6 +1434,7 @@ declare type OrganismContextType = {
     validations?: PasswordRuleValidation[];
     editable?: boolean;
     isFormInEditMode?: boolean;
+    organismMetadata?: AnyObject$1;
 };
 declare const OrganismContext: react.Context<OrganismContextType>;
 
@@ -1439,8 +1448,9 @@ declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
     validations: PasswordRuleValidation[];
     editable: boolean;
     isFormInEditMode?: boolean;
+    organismMetadata?: AnyObject$1;
 }>>;
-declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, }: FormStepContextProviderProps) => JSX.Element;
+declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, organismMetadata, }: FormStepContextProviderProps) => JSX.Element;
 
 declare type AccountButtonContextType = Partial<{
     userInitials: string;
@@ -1531,10 +1541,8 @@ declare type InputFieldProps = Partial<{
     state: FormStateType$1;
     formData: AnyObject$1;
     htmlElementId: string;
-    isTrigger?: boolean;
-    moleculeId: string;
 }>;
-declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, isTrigger, moleculeId, }: InputFieldProps) => JSX.Element | null;
+declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
 
 declare type FieldMapperProps<T extends object> = {
     field: UIField$1<keyof T>;
@@ -1583,10 +1591,8 @@ declare type CheckboxGroupProps = Partial<{
     onBlur: Callback$1;
     onChange: (checkedIds: string[]) => void;
     checkboxesProps: CheckboxesProps;
-    isTrigger?: boolean;
-    moleculeId: string;
 }>;
-declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps, isTrigger, moleculeId, }: CheckboxGroupProps) => JSX.Element;
+declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;
 
 declare type SelectFieldProps = Partial<{
     selectProps: SelectProps$1;
@@ -1602,10 +1608,8 @@ declare type SelectFieldProps = Partial<{
     state: FormStateType$1;
     formData: AnyObject$1;
     htmlElementId: string;
-    isTrigger?: boolean;
-    moleculeId: string;
 }>;
-declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, isTrigger, moleculeId, }: SelectFieldProps) => JSX.Element | null;
+declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
 
 declare type CustomValidationRule<T = string> = {
     text: string;
@@ -1798,8 +1802,6 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
             buttonOptionSpacing: SizesTypes;
             radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
         }>;
-        isTrigger?: boolean | undefined;
-        moleculeId: string;
     }>;
     internalConfig: Partial<{
         selectedRadioOptionBackgroundColor: string;
@@ -2006,9 +2008,11 @@ declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
     wrapperStyles?: CSSProperties;
     onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
     modalStyles?: CSSProperties;
-    onClose?: Callback$1;
+    size?: string;
+    popupId: string;
+    onClose: (popupId: string) => void;
 };
-declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
+declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, ...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;
@@ -2053,4 +2057,4 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
 }>;
 declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, ...props }: LinkProps) => JSX.Element | null;
 
-export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, 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, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, 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, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, 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, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, 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, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, 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, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, 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, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, 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, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, 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, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, PopupPropsType, 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, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, 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, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };