@zealicsolutions/web-ui 0.4.47 → 0.4.48

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

@@ -3,4 +3,4 @@ import { TabGroupProps } from 'molecules';
 export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, metadata, }: Molecule & {
     tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
     isMobile?: boolean | undefined;
-}) => JSX.Element;
+}) => JSX.Element | null;

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

@@ -1,12 +1,18 @@
 declare type UseStateListenerValueProps = {
+    stateListenerId?: string;
     isAction?: boolean;
-    id: string;
 };
-export declare const useStateListenerValue: ({ id, isAction }: UseStateListenerValueProps) => {
+export declare const useStateListenerValue: ({ stateListenerId, isAction, }: UseStateListenerValueProps) => {
     isStateDisabled: boolean;
     isStateVisible: boolean;
-    trackerSteps: Record<string, {
-        status?: string | undefined;
-    }> | undefined;
+    stateValue?: undefined;
+} | {
+    isStateDisabled: boolean;
+    isStateVisible: boolean;
+    stateValue: (string & Partial<Record<string, never>>) | (true & Partial<Record<string | number | typeof Symbol.iterator, never>>) | ({
+        value?: string | number | undefined;
+    } & Record<string, {
+        value?: string | number | undefined;
+    }> & Partial<Record<number | typeof Symbol.iterator, never>>) | (import("..").ActionEventType & Partial<Record<number | typeof Symbol.iterator, never>>) | (import("..").ProcessTrackerStateValue & Partial<Record<string | number | typeof Symbol.iterator, never>>);
 };
 export {};

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

@@ -3,7 +3,7 @@ import { PropsWithChildren } from 'react';
 import { ValidationMode } from 'react-hook-form';
 import { CSSProperties } from 'styled-components';
 import { SizesTypes } from 'theme';
-import type { AnyObject, Nullable, StylesType } from 'typescript';
+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';
@@ -122,11 +122,11 @@ export declare type FormDataStateConfig = {
     value?: string | number;
 }>;
 export declare type ActionEventType = Record<string, boolean>;
-export declare type TrackerStateJbject = {
-    visible: boolean;
+export declare type ProcessTrackerStateValue = {
+    visible?: boolean;
     journeyId: string;
-    steps: Partial<ProcessStep & {
-        nodeId: string;
-    }>[];
+    steps: Pick<ProcessStep, 'id' | 'status' | 'link' | 'order'>[];
+};
+export declare type StateConfigType = {
+    [stateKey: string]: Nullable<StrictUnion<boolean | string | FormDataStateConfig | ActionEventType | ProcessTrackerStateValue>>;
 };
-export declare type StateConfigType = Record<string, Nullable<boolean | string | FormDataStateConfig | ActionEventType | TrackerStateJbject>>;

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

@@ -2,7 +2,7 @@ import { ContainerComponentProps, Molecule } from 'containers';
 import { InputFieldTypes } from 'fieldsConfiguration';
 import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { Dispatch, SetStateAction } from 'react';
-import { AnyObject } from 'typescript';
+import type { AnyObject } from 'typescript';
 import { GroupedStepItemsByStepContainer } from './utils';
 export declare type OrganismContextType = {
     items: (ContainerComponentProps | Molecule)[];
@@ -23,6 +23,8 @@ export declare type OrganismContextType = {
     validations?: PasswordRuleValidation[];
     editable?: boolean;
     isFormInEditMode?: boolean;
-    organismMetadata?: AnyObject;
+    organismMetadata?: {
+        stateListenerId?: string;
+    } & AnyObject;
 };
 export declare const OrganismContext: import("react").Context<OrganismContextType>;

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

@@ -1,7 +1,8 @@
-import { ProcessStep, MetadataType } from 'containers';
+import { MetadataType, ProcessStep } from 'containers';
+export declare type ProcessTrackerOrientation = 'horizontal' | 'vertical';
 export declare type StepperProps = {
     steps: ProcessStep[];
-    orientation: string;
+    orientation: ProcessTrackerOrientation;
     htmlElementId?: string;
     metadata: MetadataType;
     isMobile?: boolean;

package/dist/esm/src/organisms/ProcessTracker/ProcessTracker.d.ts

@@ -1,6 +1,6 @@
 import { ProcessTrackerStatus } from 'containers';
 import { CSSProperties } from 'styled-components';
-import { Callback, Nullable } from 'typescript';
+import type { Callback, Nullable } from 'typescript';
 export declare type ProcessTrackerProps = {
     title?: Nullable<string>;
     description?: Nullable<string>;

package/dist/index.d.ts

@@ -626,14 +626,14 @@ declare type FormDataStateConfig = {
     value?: string | number;
 }>;
 declare type ActionEventType = Record<string, boolean>;
-declare type TrackerStateJbject = {
-    visible: boolean;
+declare type ProcessTrackerStateValue = {
+    visible?: boolean;
     journeyId: string;
-    steps: Partial<ProcessStep & {
-        nodeId: string;
-    }>[];
+    steps: Pick<ProcessStep, 'id' | 'status' | 'link' | 'order'>[];
+};
+declare type StateConfigType = {
+    [stateKey: string]: Nullable<StrictUnion<boolean | string | FormDataStateConfig | ActionEventType | ProcessTrackerStateValue>>;
 };
-declare type StateConfigType = Record<string, Nullable<boolean | string | FormDataStateConfig | ActionEventType | TrackerStateJbject>>;
 
 declare type Callback = () => void;
 declare type AnyObject = Record<string, unknown>;
@@ -1514,7 +1514,9 @@ declare type OrganismContextType = {
     validations?: PasswordRuleValidation[];
     editable?: boolean;
     isFormInEditMode?: boolean;
-    organismMetadata?: AnyObject$1;
+    organismMetadata?: {
+        stateListenerId?: string;
+    } & AnyObject$1;
 };
 declare const OrganismContext: react.Context<OrganismContextType>;
 
@@ -1918,9 +1920,10 @@ declare type AlertProps = {
 };
 declare const Alert: ({ logo, title, withCloseIcon, description, style, fontColor, containerStyles, isMobile, ...props }: AlertProps) => JSX.Element;
 
+declare type ProcessTrackerOrientation = 'horizontal' | 'vertical';
 declare type StepperProps = {
     steps: ProcessStep$1[];
-    orientation: string;
+    orientation: ProcessTrackerOrientation;
     htmlElementId?: string;
     metadata: MetadataType$1;
     isMobile?: boolean;
@@ -2136,4 +2139,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, ContainerAlignItemsType, 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, 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, OrientationTypeLabel, Padding, PaddingProps, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, PopupPropsType, ProcessStep, ProcessStepsAttributes, ProcessStepsMoleculeType, 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, SlateValueChildType, 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, TrackerStateJbject, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, baseButtonAllowedConfigurations, 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, ContainerAlignItemsType, 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, 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, OrientationTypeLabel, Padding, PaddingProps, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, PopupPropsType, ProcessStep, ProcessStepsAttributes, ProcessStepsMoleculeType, ProcessTracker, ProcessTrackerOrientation, ProcessTrackerProps, ProcessTrackerStateValue, 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, SlateValueChildType, 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, baseButtonAllowedConfigurations, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.4.47",
-  "testVersion": "0.3.180",
+  "version": "0.4.48",
+  "testVersion": "0.3.184",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"