@zealicsolutions/web-ui 0.4.95 → 1.0.0

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

@@ -1,4 +1,4 @@
-import { FormStateType } from 'containers';
+/// <reference types="react" />
 export declare type CustomValidationRule<T = string> = {
     text: string;
     validate: (value?: T) => boolean;
@@ -8,7 +8,5 @@ export declare type CustomValidationProps<T = string> = {
     value: T;
     isSubmitted?: boolean;
     rules: CustomValidationRule<T>[];
-    spacer?: number;
-    validationState?: FormStateType;
 };
-export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => JSX.Element;
+export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;

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

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { DrawerProps } from './styles';
-export declare const Drawer: ({ children, closeIconColor, withCloseIcon, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
+export declare const Drawer: ({ children, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;

package/dist/cjs/src/molecules/Drawer/styles.d.ts

@@ -1,27 +1,9 @@
-/// <reference types="react" />
-import { SizesTypes, ThemeColors } from 'theme/types';
 import { Drawer as DrawerComponent, DrawerProps as DrawerComponentProps } from '@mui/material';
 export declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 export declare type DrawerProps = DrawerComponentProps & {
     anchor: Anchor;
-    padding?: SizesTypes | number | string;
-    height?: number | string;
-    width?: number | string;
-    withCloseIcon?: boolean;
-    closeIconColor?: ThemeColors | string;
 };
 export declare const BaseDrawer: import("styled-components").StyledComponent<typeof DrawerComponent, import("styled-components").DefaultTheme, DrawerComponentProps & {
     anchor: Anchor;
-    padding?: string | number | undefined;
-    height?: string | number | undefined;
-    width?: string | number | undefined;
-    withCloseIcon?: boolean | undefined;
-    closeIconColor?: string | undefined;
-}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
 }, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,42 +1,9 @@
-import { FontSizesTypes, ThemeColors } from 'theme';
-import type { Nullable, StylesType } from 'typescript';
+/// <reference types="react" />
 export declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
-export declare type LabelInternalConfig = {
-    fontVariant: FontSizesTypes;
-    fontSize: number;
-    fontWeight: string | number;
-    color: ThemeColors | string;
-    padding: string;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-};
-export declare type RuleLabelInternalConfig = {
-    requiredTextColor: ThemeColors | string;
-    optionalTextColor: ThemeColors | string;
-    padding: string;
-    fontSize: number;
-    styles: StylesType;
-};
-export declare type TooltipInternalConfig = {
-    fontVariant: FontSizesTypes;
-    fontSize: number;
-    fontWeight: string | number;
-    color: ThemeColors | string;
-    padding: string;
-    backgroundColor: ThemeColors | string;
-    iconColor: ThemeColors | string;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-};
 export declare type FieldLabelsProps = {
-    label?: string;
+    label: string;
     tooltipText?: string;
     isError?: boolean;
-    isTooltipVisible?: boolean;
-    ruleLabel?: Nullable<FieldRuleLabelTypes>;
-    labelInternalConfig?: LabelInternalConfig;
-    ruleLabelInternalConfig?: RuleLabelInternalConfig;
-    tooltipInternalConfig?: TooltipInternalConfig;
-    isRichText?: boolean;
+    ruleLabel?: FieldRuleLabelTypes;
 };
-export declare const FieldLabels: ({ label, isTooltipVisible, isError, ruleLabel, tooltipText, labelInternalConfig, ruleLabelInternalConfig, tooltipInternalConfig, isRichText, }: FieldLabelsProps) => JSX.Element;
+export declare const FieldLabels: ({ label, isError, ruleLabel, tooltipText }: FieldLabelsProps) => JSX.Element;

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

@@ -1,13 +1,9 @@
-import { UIField } from 'fieldsConfiguration';
+/// <reference types="react" />
 import { Control } from 'react-hook-form/dist/types';
-import { StylesType } from 'typescript';
+import { UIField } from '../../fieldsConfiguration';
 export declare type FieldMapperProps<T extends object> = {
     field: UIField<keyof T>;
-    isEditMode?: boolean;
-    control?: Control<T>;
+    control: Control<T>;
     spacer?: number;
-    isTooltipVisible?: boolean;
-    optionsPresentation?: boolean;
-    styles?: StylesType;
 };
-export declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;
+export declare const FieldMapper: <T extends object>({ field, spacer, control, }: FieldMapperProps<T>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IconNames, LinkButtonProps } from '../../atoms';
+export declare type InfoBoxProps = {
+    title: string;
+    description?: string;
+    linkButton?: LinkButtonProps;
+    icon?: IconNames;
+};
+export declare const InfoBox: ({ title, icon, description, linkButton }: InfoBoxProps) => JSX.Element;

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

@@ -1,22 +1,16 @@
-import { InputProps } from 'atoms';
-import { ConditionConfig, ConfigurationItemInfo, FormStateType } from 'containers';
-import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import type { AnyObject, StylesType } from 'typescript';
+/// <reference types="react" />
+import { Control } from 'react-hook-form/dist/types';
+import { CSSProperties } from 'styled-components';
+import { InputProps } from '../../atoms';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-export declare type InputFieldProps = Partial<{
+export declare type InputFieldProps = {
     name: string;
-    control: Control<any>;
-    rules: ControllerProps['rules'];
-    required: boolean;
-    optional: boolean;
-    defaultValue: string;
+    control?: Control<any>;
+    required?: boolean;
+    optional?: boolean;
+    defaultValue?: string;
     inputProps: InputProps;
-    styles: StylesType;
-    labelsProps: FieldLabelsProps;
-    conditionConfig: ConditionConfig;
-    state: FormStateType;
-    formData: AnyObject;
-    htmlElementId: string;
-    configurationItemInfo?: ConfigurationItemInfo;
-}>;
-export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, configurationItemInfo, }: InputFieldProps) => JSX.Element | null;
+    styles?: CSSProperties;
+    labelsProps?: FieldLabelsProps;
+};
+export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, }: InputFieldProps) => JSX.Element;

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

@@ -1,23 +1,16 @@
-import { SelectProps } from 'atoms';
-import { ConditionConfig, ConfigurationItemInfo, FormStateType } from 'containers';
-import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import type { StylesType } from 'typescript';
-import { AnyObject } from 'typescript';
+/// <reference types="react" />
+import { Control } from 'react-hook-form/dist/types';
+import { CSSProperties } from 'styled-components';
+import { SelectProps } from '../../atoms/Select/types';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-export declare type SelectFieldProps = Partial<{
+export declare type SelectFieldProps = {
     selectProps: SelectProps;
-    labelsProps: FieldLabelsProps;
+    labelsProps?: FieldLabelsProps;
     name: string;
-    rules: ControllerProps['rules'];
     control: Control<any>;
-    required: boolean;
-    optional: boolean;
-    defaultValue: string;
-    styles: StylesType;
-    conditionConfig: ConditionConfig;
-    state: FormStateType;
-    formData: AnyObject;
-    htmlElementId: string;
-    configurationItemInfo?: ConfigurationItemInfo;
-}>;
-export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, configurationItemInfo, }: SelectFieldProps) => JSX.Element | null;
+    required?: boolean;
+    optional?: boolean;
+    defaultValue?: string;
+    styles?: CSSProperties;
+};
+export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, }: SelectFieldProps) => JSX.Element;

package/dist/cjs/src/molecules/SelectableInfoCard/BaseSelectable.d.ts

@@ -1,4 +1,5 @@
-import { IconNames } from 'atoms';
+/// <reference types="react" />
+import { IconNames } from '../../atoms';
 export declare type BaseSelectableProps<T> = {
     iconName: IconNames;
     infoText: string;

package/dist/cjs/src/molecules/SelectableInfoCard/SelectableCardGroup.d.ts

@@ -1,4 +1,5 @@
-import { SizesTypes } from 'theme';
+/// <reference types="react" />
+import { SizesTypes } from '../../theme';
 import { BaseSelectableProps } from './BaseSelectable';
 export declare type SelectableCardGroupProps<T> = {
     cards: BaseSelectableProps<T>[];

package/dist/cjs/src/molecules/SelectableInfoCard/styles.d.ts

@@ -1,6 +1,6 @@
-import { SizesTypes } from 'theme';
-export declare const InfoText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, {
-    variant: "M";
+import { SizesTypes } from '../../theme';
+export declare const InfoText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms").TextWrapperProps & {
+    variant: string;
 }, "variant">;
 export declare const SelectableInfoCardStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isActive?: boolean | undefined;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+export declare type TabOption<T = string> = {
+    menuText: string;
+    menuKey: T;
+    onMenuClick?: (key: T) => void;
+    isSelected?: boolean;
+};
+declare type TabElement = HTMLDivElement | null;
+export declare type TabProps<T = string> = {
+    tabKey: T;
+    text: string;
+    disabled?: boolean;
+    isActive?: boolean;
+    onClick?: (key: T) => void;
+    options?: TabOption<T>[];
+};
+declare const ZealTab: <T extends string>({ options, onClick, text, tabKey, ...tabProps }: TabProps<T>, ref: React.ForwardedRef<TabElement>) => JSX.Element;
+export declare const Tab: <T>(props: TabProps<T> & {
+    ref?: React.ForwardedRef<TabElement> | undefined;
+}) => ReturnType<typeof ZealTab>;
+export {};

package/dist/{esm/src/atoms → cjs/src/molecules}/Tab/styles.d.ts

@@ -1,7 +1,8 @@
-import { TabProps } from 'atoms/Tab/Tab';
-declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled' | 'tabTheme' | 'selectedTabTextColor' | 'styles' | 'defaultTabTextColor'>;
-declare type TabTextProps = Pick<TabProps, 'tabTheme' | 'textSize' | 'defaultTabTextColor' | 'tabPadding' | 'tabFont'>;
-export declare const TabText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, TabTextProps, never>;
+import { TabProps } from './Tab';
+declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled'>;
+export declare const TabText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/TextWrapper/TextWrapper").TextWrapperProps & {
+    variant: string;
+}, "variant">;
 export declare const TabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabContainerProps, never>;
 export declare const CaretIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabContainerProps, never>;
 export {};

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

@@ -1,32 +1,10 @@
-import { TabProps, TabTheme } from 'atoms';
-import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
-import type { StylesType } from 'typescript';
-import { ConfigurationItemInfo } from 'containers';
-export declare type TabType<T = string, K = string> = Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
-export declare type AdditionalTabContainerProps = {
-    containerStyle?: StylesType;
-    containerProps?: Record<string, unknown>;
-};
-export declare type TabGroupProps<T = string, K = string> = {
-    tabs: TabType<T, K>[];
+/// <reference types="react" />
+import { SizesTypes } from 'theme/types';
+import { TabProps } from '../Tab/Tab';
+export declare type TabGroupProps<T = string> = {
+    tabs: Pick<TabProps<T>, 'text' | 'tabKey' | 'disabled' | 'options'>[];
     activeTabKey: T;
+    spacing?: SizesTypes;
     onTabChange?: (tabKey: T) => void;
-    onOptionClick?: (optionKey: K) => void;
-    styles?: StylesType;
-    vertical?: boolean;
-    tabTheme?: TabTheme;
-    tabFont?: FontSizesTypes;
-    textSize?: number;
-    tabPadding?: SizesTypes | number;
-    tabSpacing?: SizesTypes;
-    defaultTabTextColor?: ThemeColors | string;
-    selectedTabTextColor?: ThemeColors | string;
-    selectedTabIndicatorColor?: ThemeColors | string;
-    wide?: AdditionalTabContainerProps;
-    compact?: AdditionalTabContainerProps;
-    isMobile?: boolean;
-    htmlElementId?: string;
-    menuIconColor?: string;
-    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, menuIconColor, configurationItemInfo, ...props }: TabGroupProps<T, K>) => JSX.Element;
+export declare const TabGroup: <T extends string>({ tabs, spacing, activeTabKey, onTabChange, }: TabGroupProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/TabGroup/styles.d.ts

@@ -1,34 +1,11 @@
-/// <reference types="react" />
-import { TabTheme } from 'atoms/Tab/Tab';
-import { SizesTypes, ThemeColors } from 'theme/types';
-import type { OverrideStyles, StyledTransientProps } from 'typescript';
-export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledTransientProps<{
+import { SizesTypes } from 'theme/types';
+export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     spacing: SizesTypes;
-    vertical: boolean;
-}> & OverrideStyles, never>;
+}, never>;
+export declare const TabGroupContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare type TabSliderProps = {
     width: number;
     left: number;
-    isActiveTab?: boolean;
-    vertical?: boolean;
-    tabTheme?: TabTheme;
-    selectedTabIndicatorColor?: ThemeColors | string;
 };
 export declare const TabSlider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabSliderProps, never>;
-declare type TabWrapperProps = {
-    disabled?: boolean;
-    tabTheme?: TabTheme;
-    selectedTabTextColor?: ThemeColors | string;
-    isActiveTab?: boolean;
-    selectedTabIndicatorColor?: ThemeColors | string;
-};
-export declare const TabWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    withoutOpacityEffect: boolean;
-} & TabWrapperProps, "withoutOpacityEffect">;
 export {};

package/dist/cjs/src/molecules/TabGroup/useTabAnimation.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export declare const useTabAnimation: (activeTab: string) => {
-    tabsUnderlineLeft: number[];
-    tabsUnderlineWidth: number[];
+    setActiveTabIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    tabUnderlineLeft: number;
+    tabUnderlineWidth: number;
     tabsRef: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
 };

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

@@ -2,32 +2,9 @@ export * from './FieldLabels/FieldLabels';
 export * from './InputField/InputField';
 export * from './FieldMapper/FieldMapper';
 export * from './CheckboxField/CheckboxField';
-export * from './CheckboxField/CheckboxGroup';
 export * from './SelectField/SelectField';
 export * from './CustomValidation/CustomValidation';
 export * from './SelectableInfoCard/SelectableCardGroup';
-export * from './HeroImage/HeroImage';
+export * from './Banner/Banner';
 export * from './Drawer/Drawer';
-export * from './Columns/Columns';
-export * from './MenuItems/MenuItems';
-export * from './AvatarDropdown/AvatarDropdown';
-export * from './TabGroup/TabGroup';
-export * from './FieldSection/FieldSection';
-export * from './MenuNavigation/MenuNavigation';
-export * from './EmphasizedText/EmphasizedText';
-export * from './RadioButtonField/RadioButtonField';
-export * from './Alert/Alert';
-export * from './Stepper/Stepper';
-export * from './PdfDocument/PdfDocument';
-export * from './FeedContentHeader/FeedContentHeader';
-export * from './HorizontalButtonsField/HorizontalButtonsField';
-export * from './BottomNavBarItem/BottomNavBarItem';
-export * from './Video/Video';
-export * from './Image/Image';
-export * from './Caruser/Carousel';
-export * from './TextMolecule/TextMolecule';
-export * from './Button/Button';
-export * from './ZealUIModal/ZealUIModal';
-export * from './Consent/Consent';
-export * from './Link/Link';
-export * from './Checklist/Checklist';
+export * from './InfoBox/InfoBox';

package/dist/cjs/src/organisms/AcquisitionForm/AcquisitionForm.d.ts

@@ -1,21 +1,11 @@
-import { UIFields } from 'fieldsConfiguration';
-import { ConsentProps } from 'molecules';
-import type { Callback } from 'typescript';
-export declare const showAcceptToastMessage: () => void | undefined;
+/// <reference types="react" />
+import { Noop } from 'react-hook-form';
+import { UIFields } from '../../fieldsConfiguration';
 export declare type AcquisitionFormProps<T extends object> = {
     fields: UIFields<T>;
-    consents: ConsentProps[];
     logoUrl: string;
     isLoading?: boolean;
-    isSubmitDisabled?: boolean;
-    title: string;
-    description?: string;
-    buttonText?: string;
     onSubmit: (values: T) => void;
-    onLinkButtonClick?: Callback;
-    showConsentLabel?: boolean;
-    triggerFormInitially?: boolean;
-    isTooltipVisible?: boolean;
-    optionsPresentation?: boolean;
+    onLinkButtonClick?: Noop;
 };
-export declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, optionsPresentation, onSubmit, showConsentLabel, onLinkButtonClick, isSubmitDisabled, consents, isLoading, triggerFormInitially, isTooltipVisible, }: AcquisitionFormProps<T>) => JSX.Element;
+export declare const AcquisitionForm: <T extends object>({ logoUrl, fields, onSubmit, onLinkButtonClick, isLoading, }: AcquisitionFormProps<T>) => JSX.Element;

package/dist/cjs/src/organisms/Header/Header.d.ts

@@ -1,14 +1,13 @@
-import { HeaderAProps } from './HeaderA';
-import { HeaderBProps } from './HeaderB';
-import { HeaderCProps } from './HeaderC';
-import { HeaderDProps } from './HeaderD';
-export declare type HeaderProps<T = string> = (HeaderAProps<T> & {
-    type: 'header_a';
-}) | (HeaderBProps<T> & {
-    type: 'header_b';
-}) | (HeaderCProps<T> & {
-    type: 'header_c';
-}) | (HeaderDProps & {
-    type: 'header_d';
-});
-export declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
+/// <reference types="react" />
+import { TabGroupProps } from '../../molecules/TabGroup/TabGroup';
+declare type ImportantLink = {
+    text: string;
+    href: string;
+};
+export declare type HeaderProps = {
+    links?: ImportantLink[];
+    logoUrl: string;
+    tabs: TabGroupProps['tabs'];
+};
+export declare const Header: ({ logoUrl, links, tabs }: HeaderProps) => JSX.Element;
+export {};

package/dist/cjs/src/organisms/Header/mock.d.ts

@@ -1,2 +1,4 @@
-import { TabGroupProps } from 'molecules';
-export declare const mockTabs: TabGroupProps['tabs'];
+export declare const mockTabs: {
+    tabKey: string;
+    text: string;
+}[];

package/dist/cjs/src/organisms/Header/styles.d.ts

@@ -1,8 +1,7 @@
 export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ImportantLinkText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, {
-    variant: "XS";
+export declare const ImportantLinkText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms").TextWrapperProps & {
+    variant: string;
 }, "variant">;
-export declare const ScrollWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ImportantLinksWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const RightSideHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/cjs/src/organisms/LoginForm/LoginForm.d.ts

@@ -1,21 +1,13 @@
-import { UIFields } from 'fieldsConfiguration';
-import { ConsentProps } from 'molecules/Consent/Consent';
-import type { Callback } from 'typescript';
-import { TwoFactorAuthProps } from '../TwoFactorAuth/TwoFactorAuth';
-import { LoginFields } from './types';
+/// <reference types="react" />
+import { LoginFields } from 'organisms/LoginForm/types';
+import { Noop } from 'react-hook-form';
+import { UIFields } from '../../fieldsConfiguration';
 export declare type LoginFormProps = {
     fields: UIFields<LoginFields>;
     logoUrl: string;
     isLoading?: boolean;
-    twoFactorAuthConfig?: {
-        twoFactorShow: boolean;
-        twoFactorAuthProps: TwoFactorAuthProps;
-    };
-    optionsPresentation?: boolean;
     onSubmit: (values: LoginFields) => void;
-    onSignUpButtonClick?: Callback;
-    onForgotPasswordButtonClick?: Callback;
-    isTooltipVisible?: boolean;
-    consents: ConsentProps[];
+    onSignUpButtonClick?: Noop;
+    onForgotPasswordButtonClick?: Noop;
 };
-export declare const LoginForm: ({ logoUrl, fields, isTooltipVisible, onSubmit, optionsPresentation, onSignUpButtonClick, isLoading, twoFactorAuthConfig, consents, onForgotPasswordButtonClick, }: LoginFormProps) => JSX.Element;
+export declare const LoginForm: ({ logoUrl, fields, onSubmit, onSignUpButtonClick, isLoading, onForgotPasswordButtonClick, }: LoginFormProps) => JSX.Element;

package/dist/cjs/src/organisms/SetPasswordForm/SetPasswordForm.d.ts

@@ -1,9 +1,6 @@
-import { UIFields } from 'fieldsConfiguration';
-import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
-export declare type SetPasswordRuleValidation = {
-    label: string;
-    rule: MaxRuleValidation | MinRuleValidation;
-};
+/// <reference types="react" />
+import { SetPasswordFields, SetPasswordRuleValidation } from 'organisms/SetPasswordForm/types';
+import { UIFields } from '../../fieldsConfiguration';
 export declare type SetPasswordFormProps = {
     fields: UIFields<SetPasswordFields>;
     logoUrl: string;

package/dist/cjs/src/organisms/SetPasswordForm/types.d.ts

@@ -2,7 +2,7 @@ export declare type SetPasswordFields = {
     password: string;
     confirmPassword: string;
 };
-export declare type CountValidationTypes = 'COUNT' | 'CAPITAL_COUNT' | 'NUMBER_COUNT' | 'SPECIAL_CHARACTERS_COUNT' | 'LOWER_CASE_COUNT';
+export declare type CountValidationTypes = 'COUNT' | 'CAPITAL_COUNT' | 'NUMBER_COUNT' | 'SPECIAL_CHARACTERS_COUNT';
 export declare type MaxRuleValidation = {
     MAX: number;
     type: CountValidationTypes;
@@ -11,3 +11,7 @@ export declare type MinRuleValidation = {
     MIN: number;
     type: CountValidationTypes;
 };
+export declare type SetPasswordRuleValidation = {
+    label: string;
+    rule: MaxRuleValidation | MinRuleValidation;
+};

package/dist/cjs/src/organisms/SetPasswordForm/utils.d.ts

@@ -1,3 +1,3 @@
-import { CustomValidationRule } from 'molecules';
-import { SetPasswordRuleValidation } from 'organisms';
+import { SetPasswordRuleValidation } from 'organisms/SetPasswordForm/types';
+import { CustomValidationRule } from '../../molecules';
 export declare const passwordValidationMapper: (validation: SetPasswordRuleValidation) => CustomValidationRule;

package/dist/cjs/src/organisms/TwoFactorAuth/TwoFactorAuth.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type VerificationCodeForm = {
     code: string;
 };

package/dist/cjs/src/organisms/TwoFactorAuth/constants.d.ts

@@ -1,6 +1,6 @@
 import { UIField } from 'fieldsConfiguration';
 import { BaseSelectableProps } from 'molecules/SelectableInfoCard/BaseSelectable';
-import { AuthMethod } from 'organisms';
+import { AuthMethod } from './TwoFactorAuth';
 export declare const cards: BaseSelectableProps<AuthMethod>[];
 export declare const steps: {
     title: string;

package/dist/cjs/src/organisms/index.d.ts

@@ -2,17 +2,4 @@ export * from './SetPasswordForm/SetPasswordForm';
 export * from './AcquisitionForm/AcquisitionForm';
 export * from './LoginForm/LoginForm';
 export * from './TwoFactorAuth/TwoFactorAuth';
-export * from './Footer/Footer';
-export * from './FeedContent/FeedContent';
-export * from './Footer/types';
-export * from './ProfileInformation/ProfileInformation';
-export * from './ForgotPasswordForm/ForgotPasswordForm';
-export * from './Body/Body';
-export * from './ISI/ISI';
 export * from './Header/Header';
-export * from './ProcessTracker/ProcessTracker';
-export * from './FeedContentContainer/FeedContentContainer';
-export * from './DynamicContentZone/DynamicContentZone';
-export * from './BottomNavBarNavigation/BottomNavBarNavigation';
-export * from './HeroSlider/HeroSlider';
-export * from './SubscribePanel/SubscribePanel';

package/dist/cjs/src/pages/Registiration/index.d.ts

@@ -0,0 +1 @@
+export declare const page = "page";

package/dist/cjs/src/pages/RegistrationPage/RegistrationPage.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { DrawerProps } from '../../molecules/Drawer/styles';
+import { AcquisitionFormProps } from '../../organisms';
+import { DefaultTemplateProps } from '../../templates';
+export declare type RegistrationPageProps<T extends object> = {
+    templateConfig: DefaultTemplateProps;
+    acquisitionFormConfig: AcquisitionFormProps<T>;
+    drawerConfig: Pick<DrawerProps, 'open' | 'onClose'>;
+};
+export declare const RegistrationPage: <T extends object>({ templateConfig, acquisitionFormConfig, drawerConfig, }: RegistrationPageProps<T>) => JSX.Element;

package/dist/cjs/src/pages/index.d.ts

@@ -0,0 +1 @@
+export * from './RegistrationPage/RegistrationPage';

package/dist/cjs/src/templates/DefaultTemplate/DefaultTemplate.d.ts

@@ -1,12 +1,8 @@
-/// <reference types="react" />
-import { AlertProps } from 'molecules/Alert/Alert';
-import { ProcessTrackerProps } from 'organisms';
-export declare type DefaultTemplateProps = {
-    alerts?: AlertProps[];
-    processTracker?: ProcessTrackerProps;
-    header: React.ReactNode;
-    feedContent?: React.ReactNode;
-    banner?: React.ReactNode;
-    content?: React.ReactNode;
-};
-export declare const DefaultTemplate: ({ header, banner, content, alerts, processTracker, feedContent, }: DefaultTemplateProps) => JSX.Element;
+import { PropsWithChildren } from 'react';
+import { BannerProps } from '../../molecules';
+import { HeaderProps } from '../../organisms';
+export declare type DefaultTemplateProps = PropsWithChildren<{
+    header: HeaderProps;
+    banner?: BannerProps;
+}>;
+export declare const DefaultTemplate: ({ banner, header, children }: DefaultTemplateProps) => JSX.Element;

package/dist/cjs/src/templates/MainTemplate/index.d.ts

@@ -0,0 +1 @@
+export declare const template = "template";