@zealicsolutions/web-ui 0.3.210 → 0.3.221

package/dist/cjs/src/atoms/Input/helpers.d.ts

@@ -39,6 +39,6 @@ export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disab
     }>;
     config?: MaskConfig | undefined;
     state: import("../../containers").FormStateType;
-}>, "disabled" | "isError" | "isEditMode"> & {
+}>, "disabled" | "isEditMode" | "isError"> & {
     isFocused: boolean;
 }) => ThemeColors;

package/dist/cjs/src/containers/Container.d.ts

@@ -78,7 +78,7 @@ export declare const Container: ({ id, type, wide, props, compact, children, met
 } & {
     id: string;
 }) => JSX.Element | null;
-export declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, }: ContainerComponentProps & {
+export declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, isConfigurationMode, }: ContainerComponentProps & {
     formData?: AnyObject | undefined;
     setFormData?: Dispatch<SetStateAction<AnyObject>> | undefined;
 }) => JSX.Element | null;

package/dist/cjs/src/containers/MoleculeItem.d.ts

@@ -1,4 +1,4 @@
-import { Molecule } from 'containers';
+import { Molecule, MoleculeTypes } from 'containers';
 import { TabGroupProps } from 'molecules';
 import { ThemeColors } from 'theme';
 export declare type InternalLinkAliases = 'account-information' | 'forgot-password' | 'change-password' | 'login' | 'account-creation' | 'landing';
@@ -9,5 +9,8 @@ export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form,
 }) => JSX.Element | null;
 export declare const ConfigurationWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $color?: ThemeColors | undefined;
+    $itemId?: string | undefined;
+    $itemType?: "container" | "molecule" | undefined;
+    $entityType?: MoleculeTypes | undefined;
     $selected?: boolean | undefined;
 }, never>;

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

@@ -6,10 +6,6 @@ export declare const dynamicContainerMock: ContainerComponentProps;
 export declare const columnContainerProps: ContainerComponentProps;
 export declare const formWithConditionalFields: ContainerComponentProps;
 export declare const rowContainer: ContainerComponentProps;
-export declare const rowRepeaterContainer: ContainerComponentProps;
-export declare const rowRepeaterContainerSingle: ContainerComponentProps;
-export declare const columnRepeaterContainer: ContainerComponentProps;
-export declare const outlinedColumnContainer: ContainerComponentProps;
 export declare const headerContainer: ContainerComponentProps;
 export declare const headerWithTabs2: ContainerComponentProps;
 export declare const anotherProcessTracker: {
@@ -185,7 +181,7 @@ export declare const anotherProcessTracker: {
                 };
                 moleculeLibraryId: string;
                 organismLibraryMoleculeId: string;
-                children: never[];
+                items: never[];
                 idForFrontend: string;
                 id: string;
             }[];
@@ -288,12 +284,11 @@ export declare const anotherProcessTracker: {
                 };
                 moleculeLibraryId: string;
                 organismLibraryMoleculeId: string;
-                children: never[];
+                items: never[];
                 idForFrontend: string;
                 id: string;
                 containerLibraryId?: undefined;
                 organismLibraryContainerId?: undefined;
-                items?: undefined;
             } | {
                 type: string;
                 config: {
@@ -391,7 +386,7 @@ export declare const anotherProcessTracker: {
                     };
                     moleculeLibraryId: string;
                     organismLibraryMoleculeId: string;
-                    children: never[];
+                    items: never[];
                     idForFrontend: string;
                     id: string;
                 }[];
@@ -399,7 +394,6 @@ export declare const anotherProcessTracker: {
                 attributes?: undefined;
                 moleculeLibraryId?: undefined;
                 organismLibraryMoleculeId?: undefined;
-                children?: undefined;
                 idForFrontend?: undefined;
             })[];
             id: string;
@@ -484,7 +478,7 @@ export declare const anotherProcessTracker: {
             };
             moleculeLibraryId: string;
             organismLibraryMoleculeId: string;
-            children: never[];
+            items: never[];
             idForFrontend: string;
             id: string;
         }[];
@@ -634,7 +628,7 @@ export declare const anotherProcessTracker: {
                 };
                 moleculeLibraryId: string;
                 organismLibraryMoleculeId: string;
-                children: never[];
+                items: never[];
                 idForFrontend: string;
                 id: string;
             } | {
@@ -704,7 +698,7 @@ export declare const anotherProcessTracker: {
                 };
                 moleculeLibraryId: string;
                 organismLibraryMoleculeId: string;
-                children: never[];
+                items: never[];
                 idForFrontend: string;
                 id: string;
             })[];
@@ -805,7 +799,7 @@ export declare const anotherProcessTracker: {
                 };
                 moleculeLibraryId: string;
                 organismLibraryMoleculeId: string;
-                children: never[];
+                items: never[];
                 idForFrontend: string;
                 id: string;
             }[];
@@ -814,6 +808,302 @@ export declare const anotherProcessTracker: {
         id: string;
     })[];
 };
+export declare const bannerWithRoundedImage: {
+    instance: string;
+    organismLibraryContainerId: string;
+    containerLibraryId: string;
+    type: string;
+    ordering: number;
+    config: {
+        wide: {
+            containerProps: {
+                alignItems: string;
+            };
+            containerStyle: {
+                gap: string;
+                width: string;
+                height: string;
+                paddingTop: string;
+                paddingLeft: string;
+                paddingRight: string;
+                flexDirection: string;
+                paddingBottom: string;
+                justifyContent: string;
+                backgroundColor: string;
+            };
+        };
+        compact: {
+            containerProps: {
+                position: string;
+                alignItems: string;
+            };
+            containerStyle: {
+                gap: string;
+                width: string;
+                paddingTop: string;
+                paddingLeft: string;
+                flexDirection: string;
+                paddingRight: string;
+                justifyContent: string;
+                paddingBottom: string;
+                backgroundColor: string;
+            };
+        };
+    };
+    metadata: {
+        group: string[];
+    };
+    items: ({
+        type: string;
+        config: {
+            wide: {
+                containerProps: {
+                    position: string;
+                    alignItems: string;
+                };
+                containerStyle: {
+                    width: string;
+                    height: string;
+                    paddingTop: string;
+                    paddingLeft: string;
+                    paddingRight: string;
+                    paddingBottom: string;
+                    justifyContent: string;
+                    'border-bottom-right-radius': string;
+                    gap?: undefined;
+                };
+            };
+            compact: {
+                containerProps: {
+                    position: string;
+                    alignItems: string;
+                };
+                containerStyle: {
+                    width: string;
+                    flexDirection: string;
+                    justifyContent: string;
+                    backgroundColor: string;
+                    gap?: undefined;
+                };
+            };
+        };
+        instance: string;
+        metadata: {
+            group: string[];
+        };
+        ordering: number;
+        containerLibraryId: string;
+        organismLibraryContainerId: string;
+        items: {
+            type: string;
+            config: {
+                props: {
+                    behaveAs: string;
+                    cornerRadius: string;
+                };
+            };
+            instance: string;
+            metadata: {
+                group: string[];
+                isTrigger: boolean;
+            };
+            ordering: number;
+            attributes: {
+                link: {
+                    id: string;
+                    name: string;
+                    type: string;
+                    required: boolean;
+                    externalLink: string;
+                    internalLink: string;
+                    attributeType: string;
+                };
+                image: {
+                    id: string;
+                    imageFile: {
+                        id: string;
+                        url: string;
+                        name: string;
+                        size: number;
+                        tags: never[];
+                        type: string;
+                        status: string;
+                        fileType: string;
+                        updatedAt: string;
+                        description: string;
+                        originalName: string;
+                        brandId: string;
+                        uploadedAt: string;
+                    };
+                    attributeType: string;
+                };
+                altText: {
+                    id: string;
+                    text: string;
+                    required: boolean;
+                    isRichText: boolean;
+                    attributeType: string;
+                    showRichTextToolbar: boolean;
+                };
+            };
+            moleculeLibraryId: string;
+            organismLibraryMoleculeId: string;
+            items: never[];
+            id: string;
+        }[];
+        id: string;
+    } | {
+        type: string;
+        config: {
+            wide: {
+                containerProps: {
+                    alignItems: string;
+                    position?: undefined;
+                };
+                containerStyle: {
+                    gap: string;
+                    width: string;
+                    height: string;
+                    paddingTop: string;
+                    paddingLeft: string;
+                    paddingRight: string;
+                    paddingBottom: string;
+                    justifyContent: string;
+                    'border-bottom-right-radius'?: undefined;
+                };
+            };
+            compact: {
+                containerProps: {
+                    position?: undefined;
+                    alignItems?: undefined;
+                };
+                containerStyle: {
+                    gap: string;
+                    width?: undefined;
+                    flexDirection?: undefined;
+                    justifyContent?: undefined;
+                    backgroundColor?: undefined;
+                };
+            };
+        };
+        instance: string;
+        metadata: {
+            group: string[];
+        };
+        ordering: number;
+        containerLibraryId: string;
+        organismLibraryContainerId: string;
+        items: ({
+            type: string;
+            config: {
+                props: {
+                    textAlign: string;
+                };
+            };
+            instance: string;
+            metadata: {
+                group: string[];
+            };
+            ordering: number;
+            attributes: {
+                text: {
+                    id: string;
+                    text: string;
+                    required: boolean;
+                    isRichText: boolean;
+                    attributeType: string;
+                    showRichTextToolbar: boolean;
+                };
+                color: {
+                    id: string;
+                    color: string;
+                    required: boolean;
+                    attributeType: string;
+                };
+                seoStyle: {
+                    id: string;
+                    value: string;
+                    options: {
+                        id: string;
+                        label: string;
+                        value: string;
+                    }[];
+                    required: boolean;
+                    attributeType: string;
+                };
+                fontVariant: {
+                    id: string;
+                    value: string;
+                    options: {
+                        id: string;
+                        label: string;
+                        value: string;
+                    }[];
+                    attributeType: string;
+                };
+            };
+            moleculeLibraryId: string;
+            organismLibraryMoleculeId: string;
+            items: never[];
+            id: string;
+        } | {
+            type: string;
+            config: {
+                props: {
+                    textAlign?: undefined;
+                };
+            };
+            instance: string;
+            metadata: {
+                group: string[];
+            };
+            ordering: number;
+            attributes: {
+                text: {
+                    id: string;
+                    text: string;
+                    required: boolean;
+                    isRichText: boolean;
+                    attributeType: string;
+                    showRichTextToolbar: boolean;
+                };
+                color: {
+                    id: string;
+                    color: string;
+                    required: boolean;
+                    attributeType: string;
+                };
+                seoStyle: {
+                    id: string;
+                    value: string;
+                    options: {
+                        id: string;
+                        label: string;
+                        value: string;
+                    }[];
+                    required: boolean;
+                    attributeType: string;
+                };
+                fontVariant: {
+                    id: string;
+                    value: string;
+                    options: {
+                        id: string;
+                        label: string;
+                        value: string;
+                    }[];
+                    attributeType: string;
+                };
+            };
+            moleculeLibraryId: string;
+            organismLibraryMoleculeId: string;
+            items: never[];
+            id: string;
+        })[];
+        id: string;
+    })[];
+    id: string;
+};
 export declare const threeColumnOrganismBody: {
     type: string;
     config: {
@@ -960,12 +1250,11 @@ export declare const threeColumnOrganismBody: {
             };
             moleculeLibraryId: string;
             organismLibraryMoleculeId: string;
-            children: never[];
+            items: never[];
             idForFrontend: string;
             id: string;
             containerLibraryId?: undefined;
             organismLibraryContainerId?: undefined;
-            items?: undefined;
         } | {
             type: string;
             config: {
@@ -1123,7 +1412,7 @@ export declare const threeColumnOrganismBody: {
                     };
                     moleculeLibraryId: string;
                     organismLibraryMoleculeId: string;
-                    children: never[];
+                    items: never[];
                     idForFrontend: string;
                     id: string;
                 } | {
@@ -1188,7 +1477,7 @@ export declare const threeColumnOrganismBody: {
                     };
                     moleculeLibraryId: string;
                     organismLibraryMoleculeId: string;
-                    children: never[];
+                    items: never[];
                     idForFrontend: string;
                     id: string;
                 })[];
@@ -1198,7 +1487,6 @@ export declare const threeColumnOrganismBody: {
             attributes?: undefined;
             moleculeLibraryId?: undefined;
             organismLibraryMoleculeId?: undefined;
-            children?: undefined;
             idForFrontend?: undefined;
         } | {
             type: string;
@@ -1260,12 +1548,11 @@ export declare const threeColumnOrganismBody: {
             };
             moleculeLibraryId: string;
             organismLibraryMoleculeId: string;
-            children: never[];
+            items: never[];
             idForFrontend: string;
             id: string;
             containerLibraryId?: undefined;
             organismLibraryContainerId?: undefined;
-            items?: undefined;
         })[];
         id: string;
     }[];
@@ -1485,7 +1772,7 @@ export declare const enrollMentOrganism: {
                 };
                 moleculeLibraryId: string;
                 organismLibraryMoleculeId: string;
-                children: never[];
+                items: never[];
                 idForFrontend: string;
                 id: string;
             }[];
@@ -1633,7 +1920,7 @@ export declare const enrollMentOrganism: {
                 };
                 moleculeLibraryId: string;
                 organismLibraryMoleculeId: string;
-                children: never[];
+                items: never[];
                 idForFrontend: string;
                 id: string;
             } | {
@@ -1703,7 +1990,7 @@ export declare const enrollMentOrganism: {
                 };
                 moleculeLibraryId: string;
                 organismLibraryMoleculeId: string;
-                children: never[];
+                items: never[];
                 idForFrontend: string;
                 id: string;
             })[];

package/dist/cjs/src/containers/styles.d.ts

@@ -1,14 +1,21 @@
 import { ContainerProps } from 'containers/types/types';
+import { DefaultTheme } from 'styled-components';
 import { SizesTypes } from 'theme';
+import { MouseEvent } from 'react';
 import { AnyObject } from '../typescript';
-export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<ContainerProps, "type"> & {
+export declare type ConfigurationItemInfo = {
+    $selected?: boolean;
+    isConfigurationMode?: boolean;
+    onClick?: (e: MouseEvent) => void;
+};
+export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, Pick<ContainerProps, "type"> & {
     containerProps?: Partial<{
         position: import("containers/types/types").ContainerPositionType;
         alignItems: import("containers/types/types").ContainerAlignItemsType;
         scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
         cornerRadius: number | SizesTypes;
         gap: SizesTypes;
-        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, DefaultTheme>>;
         paddingTop: SizesTypes;
         paddingBottom: SizesTypes;
         paddingLeft: SizesTypes;
@@ -24,3 +31,8 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
     }> | undefined;
     metadata?: AnyObject | undefined;
 }, never>;
+export declare const getConfigurationWrapperStyle: ({ $selected, isConfigurationMode, theme: { colors }, }: {
+    $selected?: boolean | undefined;
+    isConfigurationMode?: boolean | undefined;
+    theme: DefaultTheme;
+}) => import("styled-components").FlattenSimpleInterpolation;

package/dist/cjs/src/containers/types/types.d.ts

@@ -100,6 +100,7 @@ export declare type ContainerComponentProps = {
     attributes?: AnyObject;
     containerLibraryId?: string;
     isMobile?: boolean;
+    isConfigurationMode?: boolean;
 };
 export declare type CriteriaType = 'operator' | 'condition';
 export declare type ConditionCriteria = {

package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.d.ts

@@ -1,9 +1,11 @@
 import { AvatarProps } from 'atoms';
+import { ConfigurationItemInfo } from 'containers';
 import { MenuItemsProps } from '../MenuItems/MenuItems';
 import 'rc-dropdown/assets/index.css';
 export declare type AvatarDropdownMenuConfigType = 'log-out' | 'account-information';
 export declare type AvatarDropdownProps<T = string> = {
     avatarProps: AvatarProps;
     menuConfig: MenuItemsProps<T>;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
+export declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, configurationItemInfo, }: AvatarDropdownProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.stories.d.ts

@@ -2,7 +2,7 @@ import type { ComponentStory } from '@storybook/react';
 import { AvatarDropdown as AvatarDropdownComponent } from './AvatarDropdown';
 declare const _default: {
     title: string;
-    component: <T extends string | number>({ avatarProps, menuConfig, }: import("./AvatarDropdown").AvatarDropdownProps<T>) => JSX.Element;
+    component: <T extends string | number>({ avatarProps, menuConfig, configurationItemInfo, }: import("./AvatarDropdown").AvatarDropdownProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const AvatarDropdown: ComponentStory<typeof AvatarDropdownComponent>;

package/dist/cjs/src/molecules/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { MetadataStateConfig, MetadataType } from 'containers';
+import { ConfigurationItemInfo, MetadataStateConfig, MetadataType } from 'containers';
 import { PropsWithChildren } from 'react';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import type { Callback, StylesType } from 'typescript';
@@ -42,5 +42,6 @@ export declare type ButtonProps = BaseButtonProps & {
     stateConfig?: MetadataStateConfig[];
     htmlElementId?: string;
     metadata?: MetadataType;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, metadata, ...props }: ButtonProps) => JSX.Element | null;
+export declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, metadata, configurationItemInfo, ...props }: ButtonProps) => JSX.Element | null;

package/dist/cjs/src/molecules/Button/Button.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryFn } from '@storybook/react';
 import { Button as ButtonComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, metadata, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
+    component: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, metadata, configurationItemInfo, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Button: StoryFn<typeof ButtonComponent>;

package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts

@@ -3,6 +3,7 @@ import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
 import { ConditionConfig, FormStateType } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import type { AnyObject, StylesType } from 'typescript';
+import { ConfigurationItemInfo } from 'containers/MoleculeItem';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type CheckboxesProps = Partial<{
     checkboxGroupWrapperStyles: StylesType;
@@ -32,5 +33,6 @@ export declare type CheckboxFieldProps = Partial<{
     htmlElementId: string;
     isTrigger?: boolean;
     moleculeId: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 }>;
-export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, }: CheckboxFieldProps) => JSX.Element | null;
+export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: CheckboxFieldProps) => JSX.Element | null;

package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryFn } from '@storybook/react';
 import { CheckboxField as CheckboxFieldComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, }: Partial<{
+    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: Partial<{
         checkboxesProps: Partial<{
             checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -54,6 +54,7 @@ declare const _default: {
         htmlElementId: string;
         isTrigger?: boolean | undefined;
         moleculeId: string;
+        configurationItemInfo?: any;
     }>) => JSX.Element | null;
 };
 export default _default;

package/dist/cjs/src/molecules/Checklist/Checklist.d.ts

@@ -1,3 +1,4 @@
+import { ConfigurationItemInfo } from 'containers';
 import { SizesTypes } from 'theme';
 import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
 import type { Nullable } from 'typescript';
@@ -16,8 +17,9 @@ export declare type ChecklistProps = {
     props: {
         gap: SizesTypes;
     } & CheckboxInternalConfigProps;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const Checklist: ({ items, props: { gap, ...checkboxProps }, }: ChecklistProps) => JSX.Element;
+export declare const Checklist: ({ items, props: { gap, ...checkboxProps }, configurationItemInfo, }: ChecklistProps) => JSX.Element;
 export declare const ChecklistWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $gap: SizesTypes;
 }, never>;

package/dist/cjs/src/molecules/Checklist/Checklist.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryFn } from '@storybook/react';
 import { Checklist as ChecklistComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ items, props: { gap, ...checkboxProps }, }: import("molecules").ChecklistProps) => JSX.Element;
+    component: ({ items, props: { gap, ...checkboxProps }, configurationItemInfo, }: import("molecules").ChecklistProps) => JSX.Element;
 };
 export default _default;
 export declare const Checklist: StoryFn<typeof ChecklistComponent>;

package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts

@@ -1,10 +1,11 @@
-import { ConsentFieldMolecule } from 'containers';
+import { ConfigurationItemInfo, ConsentFieldMolecule } from 'containers';
 import { AnyObject } from 'typescript';
 declare type ConsentMoleculeProps = {
     attributes: ConsentFieldMolecule['attributes'];
     config: ConsentFieldMolecule['config'];
     formData?: AnyObject;
     htmlElementId?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const ConsentMolecule: ({ attributes, formData, config, htmlElementId, }: ConsentMoleculeProps) => JSX.Element | null;
+export declare const ConsentMolecule: ({ attributes, formData, config, htmlElementId, configurationItemInfo, }: ConsentMoleculeProps) => JSX.Element | null;
 export {};