@zealicsolutions/web-ui 0.2.325 → 0.2.326

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

@@ -0,0 +1,41 @@
+import { ContainerProps } from 'containers/types/types';
+import { Theme } from '@emotion/react';
+import { SizesTypes } from 'theme';
+import { MouseEvent } from 'react';
+import { AnyObject } from '../typescript';
+export declare type ConfigurationItemInfo = {
+    $selected?: boolean;
+    isConfigurationMode?: boolean;
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+};
+export declare const ContainerWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & 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("@emotion/react").SerializedStyles;
+        paddingTop: SizesTypes;
+        paddingBottom: SizesTypes;
+        paddingLeft: SizesTypes;
+        paddingRight: SizesTypes;
+        autoplay: boolean;
+        autoplayDuration: number;
+        formProps: import("containers/types/types").FormContainerProps;
+        formStepProps: import("containers/types/types").FormStepContainerProps;
+        border: string;
+        activeChildrenIds: string[];
+        activeOrganismIds: string[];
+        padding: import("containers/types/types").Padding;
+    }> | undefined;
+    metadata?: AnyObject | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const getConfigurationWrapperStyle: ({ $selected, isConfigurationMode, theme: { colors }, }: {
+    $selected?: boolean | undefined;
+    isConfigurationMode?: boolean | undefined;
+    theme: Theme;
+}) => import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,415 @@
+import { LinkVariant, SelectOption } from 'atoms';
+import { AdditionalTabContainerProps, AvatarDropdownMenuConfigType, AvatarDropdownProps, ButtonProps, CheckboxFieldProps, ChecklistItem, ConsentType, ImageProps, InputFieldProps, LinkProps, NewButtonProps, NewDividerProps, NewImageProps, NewLinkProps, NewVideoProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+/**
+ * [ NEW MOLECULE: 2 ] Import new molecule props from the molecule index
+ *
+ *  */
+import { Dispatch, SetStateAction } from 'react';
+import { UseFormReturn } from 'react-hook-form';
+import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
+import { SizesTypes } from 'theme';
+import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
+import { MaskConfig } from 'atoms/Input/helpers';
+import { StepProps } from '@mui/material';
+import { ConditionConfig, ContainerComponentProps, MetadataType } from './types';
+export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
+export declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
+export declare type DataModelFieldFormatValueTypes = 'any' | 'text' | 'email' | 'integer' | 'numerical' | 'us_zip_code' | 'phone_number' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'year_month_day_date';
+export 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;
+}>;
+export declare type FormStateType = 'default' | 'success' | 'error' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
+export declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
+export declare type OrientationType = 'horizontal' | 'vertical';
+export declare type OrientationTypeLabel = 'Horizontal' | 'Vertical';
+export declare type ProcessStep = StepProps & {
+    id: string;
+    title: Partial<TextAttributes>;
+    description?: Partial<TextAttributes>;
+    status?: ProcessTrackerStatus;
+    link?: Partial<LinkAttributes>;
+    iconName?: string;
+    order: number;
+};
+export declare type ImageAttributes = {
+    attributeType: 'image';
+    imageSource: string;
+    imageFile?: {
+        id: string;
+        name: string;
+        url: string;
+    };
+};
+export interface TextAttributes {
+    id?: string;
+    text?: string;
+    isRichText?: boolean;
+    attributeType: 'text';
+}
+export interface VideoAttributes {
+    attributeType: 'video';
+    videoSource: string;
+}
+export interface ActionAttributes {
+    attributeType: 'action';
+    action: Action;
+}
+export interface LinkAttributes {
+    id: string;
+    attributeType: 'link';
+    type: 'internalLink' | 'externalLink' | 'external_link' | 'internal_link';
+    internalLink: Nullable<string>;
+    externalLink: Nullable<string>;
+    name: string;
+}
+export interface SelectAttributes {
+    id?: string;
+    attributeType: 'select';
+    value: string;
+    options: SelectOption[];
+}
+export interface BooleanAttributes {
+    attributeType: 'boolean';
+    value: boolean;
+}
+export interface IterableAttributes {
+    attributeType: 'iterable';
+    options: SelectOption[];
+}
+export declare type DataModelFieldFormat = {
+    id: string;
+    label: string;
+    value: DataModelFieldFormatValueTypes;
+    code: DataModelFieldFormatCodeTypes;
+    config: MaskConfig;
+};
+export declare type DataConnectionValues = {
+    dataFieldName: string;
+    dataModelFieldId: string;
+    defaultValue?: string;
+    entitySubtypeId?: string;
+    entitySubtypeName?: string;
+    format: DataModelFieldFormat;
+};
+export interface DataConnectionAttributes {
+    id: string;
+    attributeType: 'data_model_field';
+    dataModelField: DataConnectionValues;
+}
+export interface ConditionConfigAttributes {
+    id: string;
+    attributeType: 'condition_config';
+    conditionConfig: ConditionConfig;
+}
+export interface ColorAttributes {
+    attributeType: 'color';
+    color: string;
+}
+export interface ProcessStepsAttributes {
+    orientation: {
+        attributeType: 'select';
+        options: {
+            id: OrientationType;
+            label: OrientationTypeLabel;
+        }[];
+        value: OrientationType;
+    };
+    processSteps: {
+        attributeType: 'process_steps';
+        steps: ProcessStep[];
+    };
+}
+export interface ChecklistAttributes {
+    checklist: {
+        attributeType: 'checklist';
+        items: ChecklistItem[];
+    };
+}
+export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field' | 'account_button' | 'process_steps' | 'checklist' | 'simple_text' | 'new_divider' | 'new_link' | 'new_video' | 'new_image' | 'new_button';
+/**
+ * [ NEW MOLECULE: 3 ] Second Step is to add the new molecule name to this list, in snake case format
+ *
+ *  */
+export interface BaseMolecule {
+    id: string;
+    type: MoleculeTypes;
+    instance: 'molecule';
+    metadata: MetadataType;
+    moleculeLibraryId: string;
+    organismLibraryMoleculeId: string;
+}
+export interface ImageMolecule extends BaseMolecule {
+    type: 'image';
+    attributes: Partial<{
+        image: ImageAttributes;
+        altText: Omit<TextAttributes, 'isRichText'>;
+        link: LinkAttributes;
+    }>;
+    config: {
+        props?: Omit<ImageProps, 'src' | 'link' | 'altText'>;
+    };
+}
+export interface SimpleTextMoleculeType extends BaseMolecule {
+    type: 'simple_text';
+    attributes: {
+        text: TextAttributes;
+    };
+    config: {
+        props?: SimpleTextMoleculeType;
+    };
+}
+export interface TextMoleculeType extends BaseMolecule {
+    type: 'text';
+    attributes: Partial<{
+        text: TextAttributes;
+        seoStyle: SelectAttributes;
+        fontVariant: SelectAttributes;
+        color: ColorAttributes;
+    }>;
+    config: {
+        props?: TextMoleculeProps;
+    };
+}
+export interface ButtonMolecule extends BaseMolecule {
+    type: 'button';
+    attributes: Partial<{
+        title: TextAttributes;
+        action: ActionAttributes;
+    }>;
+    config: {
+        props?: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
+    };
+}
+export interface VideoMolecule extends BaseMolecule {
+    type: 'video';
+    attributes: Partial<{
+        video: VideoAttributes;
+        altText: Omit<TextAttributes, 'isRichText'>;
+        autoPlayVideo: BooleanAttributes;
+        enableCoverImage: BooleanAttributes;
+        coverImage: ImageAttributes;
+    }>;
+    config: {
+        props: Partial<{
+            width: number;
+            styles: StylesType;
+        }>;
+    };
+}
+export interface TabGroupMolecule extends BaseMolecule {
+    type: 'header_tab_group';
+    attributes: Partial<{
+        tabs: {
+            tabKey: string;
+            text: string;
+            disabled: boolean;
+            divider: boolean;
+        }[];
+        activeTabKey: string;
+        attributeType: 'tab_group';
+    }>;
+    config: {
+        props: TabGroupProps;
+        wide: AdditionalTabContainerProps;
+        compact: AdditionalTabContainerProps;
+    };
+}
+export interface TextInputMolecule extends BaseMolecule {
+    type: 'input_field';
+    attributes: Partial<{
+        label: TextAttributes;
+        required: BooleanAttributes;
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
+    config: {
+        props: InputFieldProps;
+    };
+}
+export interface SelectFieldMolecule extends BaseMolecule {
+    type: 'select_field';
+    attributes: Partial<{
+        label: TextAttributes;
+        required: BooleanAttributes;
+        options: IterableAttributes;
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
+    config: {
+        props: SelectFieldProps;
+    };
+}
+export interface RadioButtonFieldMolecule extends BaseMolecule {
+    type: 'radio_button_field';
+    attributes: Partial<{
+        label: TextAttributes;
+        required: BooleanAttributes;
+        options: IterableAttributes;
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
+    config: {
+        props: RadioButtonFieldProps<string>;
+    };
+}
+export interface CheckboxFieldMolecule extends BaseMolecule {
+    type: 'checkbox_field';
+    attributes: Partial<{
+        label: TextAttributes;
+        required: BooleanAttributes;
+        options: IterableAttributes;
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
+    config: {
+        props: CheckboxFieldProps;
+    };
+}
+export interface ConsentFieldMolecule extends BaseMolecule {
+    type: 'consent';
+    attributes: Partial<{
+        consent: Partial<{
+            attributeType: 'consent';
+            consent: ConsentType;
+            required: BooleanAttributes;
+        }>;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
+    config: {
+        props: Partial<{
+            state: 'field_error';
+        }>;
+    };
+}
+export interface LinkMolecule extends BaseMolecule {
+    type: 'link';
+    attributes: {
+        text: TextAttributes;
+        link: LinkAttributes;
+    };
+    config: {
+        props: Omit<LinkProps, '$variant' | '$styles'> & Partial<{
+            variant: LinkVariant;
+            styles: StylesType;
+        }>;
+    };
+}
+export interface PasswordSetupMolecule extends BaseMolecule {
+    type: 'password_setup_field';
+    attributes: Partial<{
+        passwordFieldLabel: TextAttributes;
+        reenteredPasswordFieldLabel: TextAttributes;
+        passwordFieldRequired: BooleanAttributes;
+        reenteredPasswordFieldRequired: BooleanAttributes;
+        dataModelField: DataConnectionAttributes;
+    }>;
+    config: {
+        props: {
+            validationLabel?: string;
+            state?: FormStateType;
+            passwordInputProps: InputFieldProps;
+            reenteredPasswordInputProps: InputFieldProps;
+        };
+    };
+}
+export interface AccountButtonMolecule extends BaseMolecule {
+    type: 'account_button';
+    config: {
+        props: AvatarDropdownProps<AvatarDropdownMenuConfigType>;
+    };
+}
+export interface ProcessStepsMoleculeType extends BaseMolecule {
+    type: 'process_steps';
+    organismMoleculeLibraryId: string;
+    attributes: ProcessStepsAttributes;
+}
+export interface ChecklistsMolecule extends BaseMolecule {
+    type: 'checklist';
+    config: {
+        props: {
+            gap: SizesTypes;
+        } & CheckboxInternalConfigProps;
+    };
+    attributes: ChecklistAttributes;
+}
+export interface NewDividerMolecule extends BaseMolecule {
+    type: 'new_divider';
+    config: {
+        props: NewDividerProps;
+    };
+}
+export interface NewLinkMolecule extends BaseMolecule {
+    type: 'new_link';
+    config: {
+        props: NewLinkProps;
+    };
+    attributes: {
+        text: TextAttributes;
+        link: LinkAttributes;
+    };
+}
+export interface NewVideoMolecule extends BaseMolecule {
+    type: 'new_video';
+    config: {
+        props: NewVideoProps;
+    };
+    attributes: {
+        video: VideoAttributes;
+        coverImage: ImageAttributes;
+    };
+}
+export interface NewImageMolecule extends BaseMolecule {
+    type: 'new_image';
+    config: {
+        props: NewImageProps;
+    };
+    attributes: {
+        image: ImageAttributes;
+        link: LinkAttributes;
+    };
+}
+export interface NewButtonMolecule extends BaseMolecule {
+    type: 'new_button';
+    config: {
+        props: NewButtonProps;
+    };
+    attributes: {
+        text: TextAttributes;
+        action: ActionAttributes;
+    };
+}
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule | ProcessStepsMoleculeType | ChecklistsMolecule | SimpleTextMoleculeType | NewDividerMolecule | NewLinkMolecule | NewVideoMolecule | NewImageMolecule | NewButtonMolecule> & Partial<{
+    form: UseFormReturn<any>;
+    formData: AnyObject;
+    setFormData: Dispatch<SetStateAction<AnyObject>>;
+}>;
+export declare type SlateValueChildType = {
+    id: string;
+    text: string;
+    variable?: {
+        dataModelField: DataConnectionValues;
+        text: string;
+        isStateConfigPresent?: boolean;
+    };
+};
+export {};

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

@@ -0,0 +1,135 @@
+import { TabGroupProps } from 'molecules';
+import { PropsWithChildren } from 'react';
+import { ValidationMode } from 'react-hook-form';
+import { CSSObject } from '@emotion/react';
+import { SizesTypes } from 'theme';
+import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
+import { Molecule, ProcessStep } from './moleculeTypes';
+export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
+export declare type ContainerTemplateType = 'row_content_container';
+export declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
+export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
+export declare type ContainerAlignItemsType = 'start' | 'center' | 'end' | 'stretch';
+export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
+export declare type StateActionType = 'visible' | 'disabled';
+export declare type StateEventType = 'click' | 'view';
+export declare type StateListenerConfigType = {
+    role: 'stateListener';
+    stateKey: string;
+    stateValue: string | boolean;
+    defaultState: Partial<Record<StateActionType, boolean>>;
+    action: Partial<Record<StateActionType, boolean>>;
+};
+export declare type StateModifierConfigType = {
+    role: 'stateModifier';
+    stateKey: string;
+    event: StateEventType;
+};
+export declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
+export declare type MetadataType = AnyObject & Partial<{
+    stateConfig: MetadataStateConfig[];
+    referenceName: string;
+    isAction: boolean;
+    isTrigger: boolean;
+    notEditable: boolean;
+    hasOwnButton: boolean;
+    stateListenerId: string;
+    configurationPath: string;
+}>;
+export declare type SliderProps = {
+    autoplay?: boolean;
+    autoplayDuration?: number;
+};
+export declare type FormStepContainerProps = {
+    formStepName: string;
+    order: number;
+    conditionConfig: ConditionConfig;
+    formStepStyles?: CSSObject;
+};
+export declare type FormContainerProps = {
+    mode: keyof ValidationMode;
+};
+export declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
+export declare type Padding = Record<PaddingVariants, SizesTypes | number> | SizesTypes | string;
+export declare type ContainerPropsType = Partial<{
+    position: ContainerPositionType;
+    alignItems: ContainerAlignItemsType;
+    scrollBehaviour: ContainerScrollBehaviourType;
+    cornerRadius: SizesTypes | number;
+    gap: SizesTypes;
+    styles: StylesType;
+    paddingTop: SizesTypes;
+    paddingBottom: SizesTypes;
+    paddingLeft: SizesTypes;
+    paddingRight: SizesTypes;
+    autoplay: boolean;
+    autoplayDuration: number;
+    formProps: FormContainerProps;
+    formStepProps: FormStepContainerProps;
+    border: string;
+    activeChildrenIds: string[];
+    activeOrganismIds: string[];
+    padding: Padding;
+}>;
+export declare type AdditionalContainerProps = Partial<{
+    containerStyle: CSSObject;
+    containerProps: ContainerPropsType;
+}>;
+export declare type ContainerProps = PropsWithChildren<{
+    type: ContainerType;
+    metadata: MetadataType;
+} & Partial<{
+    containerTemplateType: ContainerTemplateType;
+    wide: AdditionalContainerProps;
+    compact: AdditionalContainerProps;
+    props: ContainerPropsType;
+    isMobile: boolean;
+}>>;
+export declare type ContainerComponentProps = {
+    id: string;
+    instance: 'container';
+    type: ContainerType;
+    items: (ContainerComponentProps | Molecule)[];
+    config: Partial<{
+        wide: AdditionalContainerProps;
+        compact: AdditionalContainerProps;
+        props: ContainerPropsType;
+    }>;
+    tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+    metadata?: MetadataType;
+    attributes?: AnyObject;
+    containerLibraryId?: string;
+    isMobile?: boolean;
+    isConfigurationMode?: boolean;
+};
+export declare type CriteriaType = 'operator' | 'condition';
+export declare type ConditionCriteria = {
+    id: string;
+    type: CriteriaType;
+    operator: string;
+    dataFieldId: Nullable<string>;
+    subtypeId: Nullable<string>;
+    dataFieldName: Nullable<string>;
+    dataValue: Nullable<string>;
+    connectedTo: Nullable<string>;
+};
+export declare type SegmentationType = 'simple' | 'advanced';
+export declare type ConditionConfig = Nullable<{
+    id: string;
+    segmentationType: SegmentationType;
+    criteriaList: ConditionCriteria[];
+}>;
+export declare type FormDataStateConfig = {
+    value?: string | number;
+} & Record<string, {
+    value?: string | number;
+}>;
+export declare type ActionEventType = Record<string, boolean>;
+export declare type ProcessTrackerStateValue = {
+    visible?: boolean;
+    journeyId: string;
+    steps: Pick<ProcessStep, 'id' | 'status' | 'link' | 'order'>[];
+};
+export declare type StateConfigType = {
+    [stateKey: string]: Nullable<StrictUnion<boolean | string | FormDataStateConfig | ActionEventType | ProcessTrackerStateValue>>;
+};

package/dist/cjs/containers/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function overrideAttributes(savedAttributes: Partial<Record<string, any>>, currentContentAttributes: Partial<Record<string, any>> | undefined, properties: string[], selected: boolean): Partial<Record<string, any>>;
+export declare function overrideProps(savedProps?: Partial<Record<string, any>>, currentStyleAttributes?: Partial<Record<string, any>>, selected?: boolean): Partial<Record<string, any>>;

package/dist/cjs/contexts/AccountButtonContext/AccountButtonContext.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Callback } from 'typescript';
+export declare type AccountButtonContextType = Partial<{
+    userInitials: string;
+    logOutHandler: Callback;
+    goToAccountInfo: Callback;
+    username: string;
+}>;
+export declare const AccountButtonContext: import("react").Context<Partial<{
+    userInitials: string;
+    logOutHandler: Callback;
+    goToAccountInfo: Callback;
+    username: string;
+}>>;

package/dist/cjs/contexts/AccountButtonContext/AccountButtonContextProvider.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { Callback } from 'typescript';
+export declare type AccountButtonProviderProps = PropsWithChildren<Partial<{
+    userInitials: string;
+    logOutHandler: Callback;
+    goToAccountInfo: Callback;
+    username: string;
+}>>;
+export declare const AccountButtonProvider: ({ children, goToAccountInfo, userInitials, logOutHandler, username, }: AccountButtonProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/contexts/ButtonActionsContext/ButtonActionsContext.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ContainerComponentProps } from 'containers';
+export declare type ButtonActionsContextType = {
+    actionContent?: ContainerComponentProps;
+    setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
+    isModalVisible: 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/cjs/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts

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

package/dist/cjs/contexts/FormStepContext/FormStepContext.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare type FormStepContextType = {
+    steps: number;
+    currentStep: number;
+    goToNextStep: () => void;
+    goToPrevStep: () => void;
+    reset: () => void;
+    canGoToNextStep: boolean;
+    canGoToPrevStep: boolean;
+    setStep: Dispatch<SetStateAction<number>>;
+    setInitSteps: Dispatch<SetStateAction<number>>;
+};
+export declare const FormStepContext: import("react").Context<FormStepContextType>;

package/dist/cjs/contexts/FormStepContext/FormStepContextProvider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export declare type FormStepContextProviderProps = PropsWithChildren<{
+    initialStepsCount?: number;
+}>;
+export declare const FormStepContextProvider: ({ initialStepsCount, children, }: FormStepContextProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/contexts/FormStepContext/utils.d.ts

@@ -0,0 +1,2 @@
+import { ContainerComponentProps } from 'containers';
+export declare const getFormStepContainers: (items: ContainerComponentProps[]) => ContainerComponentProps[];