@zealicsolutions/web-ui 0.3.336 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (146) hide show
  1. package/dist/cjs/index.js +35 -32
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/atoms/RadioButtons/helpers.d.ts +2 -0
  4. package/dist/cjs/src/atoms/RadioButtons/styles.d.ts +1 -0
  5. package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts +4 -1
  6. package/dist/cjs/src/atoms/Select/Select.d.ts +2 -2
  7. package/dist/cjs/src/atoms/Select/Select.stories.d.ts +1 -1
  8. package/dist/cjs/src/atoms/Select/styles.d.ts +1 -0
  9. package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts +1 -0
  10. package/dist/cjs/src/containers/Container.d.ts +20 -6
  11. package/dist/cjs/src/containers/Container.stories.d.ts +2 -1
  12. package/dist/cjs/src/containers/FormOrganismItem.d.ts +11 -0
  13. package/dist/cjs/src/containers/FormStepContainer.d.ts +5 -2
  14. package/dist/cjs/src/containers/MoleculeItem.d.ts +4 -1
  15. package/dist/cjs/src/containers/OrganismItem.d.ts +6 -2
  16. package/dist/cjs/src/containers/helpers.d.ts +2 -0
  17. package/dist/cjs/src/containers/hooks/index.d.ts +2 -0
  18. package/dist/cjs/src/containers/hooks/useFormOrganismItem.d.ts +3 -0
  19. package/dist/cjs/src/containers/hooks/useSetFormData.d.ts +17 -0
  20. package/dist/cjs/src/containers/hooks/useStateClickModifierHandler.d.ts +2 -0
  21. package/dist/cjs/src/containers/hooks/useStateListenerValue.d.ts +5 -0
  22. package/dist/cjs/src/containers/hooks/useStateViewModifierHandler.d.ts +2 -0
  23. package/dist/cjs/src/containers/index.d.ts +1 -0
  24. package/dist/cjs/src/containers/mock-data.d.ts +1 -0
  25. package/dist/cjs/src/containers/styles.d.ts +3 -0
  26. package/dist/cjs/src/containers/types/moleculeTypes.d.ts +44 -9
  27. package/dist/cjs/src/containers/types/types.d.ts +44 -7
  28. package/dist/cjs/src/contexts/AccountButtonContext/AccountButtonContext.d.ts +14 -0
  29. package/dist/cjs/src/contexts/AccountButtonContext/AccountButtonContextProvider.d.ts +9 -0
  30. package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +20 -1
  31. package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +12 -2
  32. package/dist/cjs/src/contexts/StateContext/StateContext.d.ts +7 -0
  33. package/dist/cjs/src/contexts/StateContext/StateContextProvider.d.ts +7 -0
  34. package/dist/cjs/src/contexts/hooks/index.d.ts +2 -0
  35. package/dist/cjs/src/contexts/hooks/useAccountButtonContext.d.ts +6 -0
  36. package/dist/cjs/src/contexts/hooks/useStateContext.d.ts +1 -0
  37. package/dist/cjs/src/contexts/index.d.ts +4 -0
  38. package/dist/cjs/src/fieldsConfiguration/mock.d.ts +2 -0
  39. package/dist/cjs/src/fieldsConfiguration/types.d.ts +2 -2
  40. package/dist/cjs/src/helpers/validations.d.ts +1 -0
  41. package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.d.ts +2 -1
  42. package/dist/cjs/src/molecules/BottomNavBarItem/BottomNavBarItem.d.ts +1 -1
  43. package/dist/cjs/src/molecules/BottomNavBarItem/BottomNavBarItem.stories.d.ts +1 -1
  44. package/dist/cjs/src/molecules/Button/Button.d.ts +4 -1
  45. package/dist/cjs/src/molecules/Button/Button.stories.d.ts +1 -1
  46. package/dist/cjs/src/molecules/Caruser/Carousel.d.ts +3 -1
  47. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +5 -3
  48. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +4 -2
  49. package/dist/cjs/src/molecules/Consent/Consent.d.ts +1 -1
  50. package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts +9 -1
  51. package/dist/cjs/src/molecules/CustomValidation/CustomValidation.d.ts +4 -1
  52. package/dist/cjs/src/molecules/CustomValidation/CustomValidation.stories.d.ts +1 -1
  53. package/dist/cjs/src/molecules/FieldLabels/FieldLabels.d.ts +2 -2
  54. package/dist/cjs/src/molecules/Image/Image.d.ts +4 -1
  55. package/dist/cjs/src/molecules/Image/Image.stories.d.ts +1 -1
  56. package/dist/cjs/src/molecules/InputField/InputField.d.ts +5 -6
  57. package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +4 -1
  58. package/dist/cjs/src/molecules/Link/Link.d.ts +2 -1
  59. package/dist/cjs/src/molecules/Link/Link.stories.d.ts +1 -1
  60. package/dist/cjs/src/molecules/PasswordSetup/PasswordSetup.d.ts +21 -0
  61. package/dist/cjs/src/molecules/PasswordSetup/PasswordSetup.stories.d.ts +9 -0
  62. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +6 -2
  63. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +3 -1
  64. package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +4 -1
  65. package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +3 -1
  66. package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +3 -1
  67. package/dist/cjs/src/molecules/TabGroup/TabGroup.stories.d.ts +1 -1
  68. package/dist/cjs/src/molecules/TextMolecule/TextMolecule.d.ts +2 -1
  69. package/dist/cjs/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
  70. package/dist/cjs/src/molecules/Video/Video.d.ts +3 -1
  71. package/dist/cjs/src/molecules/Video/Video.stories.d.ts +1 -1
  72. package/dist/cjs/src/organisms/FeedContent/styles.d.ts +1 -1
  73. package/dist/esm/index.js +35 -32
  74. package/dist/esm/index.js.map +1 -1
  75. package/dist/esm/src/atoms/RadioButtons/helpers.d.ts +2 -0
  76. package/dist/esm/src/atoms/RadioButtons/styles.d.ts +1 -0
  77. package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts +4 -1
  78. package/dist/esm/src/atoms/Select/Select.d.ts +2 -2
  79. package/dist/esm/src/atoms/Select/Select.stories.d.ts +1 -1
  80. package/dist/esm/src/atoms/Select/styles.d.ts +1 -0
  81. package/dist/esm/src/atoms/TextWrapper/TextWrapper.d.ts +1 -0
  82. package/dist/esm/src/containers/Container.d.ts +20 -6
  83. package/dist/esm/src/containers/Container.stories.d.ts +2 -1
  84. package/dist/esm/src/containers/FormOrganismItem.d.ts +11 -0
  85. package/dist/esm/src/containers/FormStepContainer.d.ts +5 -2
  86. package/dist/esm/src/containers/MoleculeItem.d.ts +4 -1
  87. package/dist/esm/src/containers/OrganismItem.d.ts +6 -2
  88. package/dist/esm/src/containers/helpers.d.ts +2 -0
  89. package/dist/esm/src/containers/hooks/index.d.ts +2 -0
  90. package/dist/esm/src/containers/hooks/useFormOrganismItem.d.ts +3 -0
  91. package/dist/esm/src/containers/hooks/useSetFormData.d.ts +17 -0
  92. package/dist/esm/src/containers/hooks/useStateClickModifierHandler.d.ts +2 -0
  93. package/dist/esm/src/containers/hooks/useStateListenerValue.d.ts +5 -0
  94. package/dist/esm/src/containers/hooks/useStateViewModifierHandler.d.ts +2 -0
  95. package/dist/esm/src/containers/index.d.ts +1 -0
  96. package/dist/esm/src/containers/mock-data.d.ts +1 -0
  97. package/dist/esm/src/containers/styles.d.ts +3 -0
  98. package/dist/esm/src/containers/types/moleculeTypes.d.ts +44 -9
  99. package/dist/esm/src/containers/types/types.d.ts +44 -7
  100. package/dist/esm/src/contexts/AccountButtonContext/AccountButtonContext.d.ts +14 -0
  101. package/dist/esm/src/contexts/AccountButtonContext/AccountButtonContextProvider.d.ts +9 -0
  102. package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +20 -1
  103. package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +12 -2
  104. package/dist/esm/src/contexts/StateContext/StateContext.d.ts +7 -0
  105. package/dist/esm/src/contexts/StateContext/StateContextProvider.d.ts +7 -0
  106. package/dist/esm/src/contexts/hooks/index.d.ts +2 -0
  107. package/dist/esm/src/contexts/hooks/useAccountButtonContext.d.ts +6 -0
  108. package/dist/esm/src/contexts/hooks/useStateContext.d.ts +1 -0
  109. package/dist/esm/src/contexts/index.d.ts +4 -0
  110. package/dist/esm/src/fieldsConfiguration/mock.d.ts +2 -0
  111. package/dist/esm/src/fieldsConfiguration/types.d.ts +2 -2
  112. package/dist/esm/src/helpers/validations.d.ts +1 -0
  113. package/dist/esm/src/molecules/AvatarDropdown/AvatarDropdown.d.ts +2 -1
  114. package/dist/esm/src/molecules/BottomNavBarItem/BottomNavBarItem.d.ts +1 -1
  115. package/dist/esm/src/molecules/BottomNavBarItem/BottomNavBarItem.stories.d.ts +1 -1
  116. package/dist/esm/src/molecules/Button/Button.d.ts +4 -1
  117. package/dist/esm/src/molecules/Button/Button.stories.d.ts +1 -1
  118. package/dist/esm/src/molecules/Caruser/Carousel.d.ts +3 -1
  119. package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +5 -3
  120. package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +4 -2
  121. package/dist/esm/src/molecules/Consent/Consent.d.ts +1 -1
  122. package/dist/esm/src/molecules/Consent/ConsentMolecule.d.ts +9 -1
  123. package/dist/esm/src/molecules/CustomValidation/CustomValidation.d.ts +4 -1
  124. package/dist/esm/src/molecules/CustomValidation/CustomValidation.stories.d.ts +1 -1
  125. package/dist/esm/src/molecules/FieldLabels/FieldLabels.d.ts +2 -2
  126. package/dist/esm/src/molecules/Image/Image.d.ts +4 -1
  127. package/dist/esm/src/molecules/Image/Image.stories.d.ts +1 -1
  128. package/dist/esm/src/molecules/InputField/InputField.d.ts +5 -6
  129. package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +4 -1
  130. package/dist/esm/src/molecules/Link/Link.d.ts +2 -1
  131. package/dist/esm/src/molecules/Link/Link.stories.d.ts +1 -1
  132. package/dist/esm/src/molecules/PasswordSetup/PasswordSetup.d.ts +21 -0
  133. package/dist/esm/src/molecules/PasswordSetup/PasswordSetup.stories.d.ts +9 -0
  134. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +6 -2
  135. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +3 -1
  136. package/dist/esm/src/molecules/SelectField/SelectField.d.ts +4 -1
  137. package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +3 -1
  138. package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +3 -1
  139. package/dist/esm/src/molecules/TabGroup/TabGroup.stories.d.ts +1 -1
  140. package/dist/esm/src/molecules/TextMolecule/TextMolecule.d.ts +2 -1
  141. package/dist/esm/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
  142. package/dist/esm/src/molecules/Video/Video.d.ts +3 -1
  143. package/dist/esm/src/molecules/Video/Video.stories.d.ts +1 -1
  144. package/dist/esm/src/organisms/FeedContent/styles.d.ts +1 -1
  145. package/dist/index.d.ts +242 -56
  146. package/package.json +70 -70
package/dist/index.d.ts CHANGED
@@ -10,17 +10,18 @@ import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, OverrideS
10
10
  import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
11
11
  import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
12
12
  import * as containers from 'containers';
13
- import { FormStateType as FormStateType$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ConditionConfig as ConditionConfig$1 } from 'containers';
13
+ import { FormStateType as FormStateType$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, StateConfigType as StateConfigType$1, ConditionConfig as ConditionConfig$1, MetadataStateConfig as MetadataStateConfig$1 } from 'containers';
14
14
  import { FieldTypes as FieldTypes$1, UIFields as UIFields$1, InputFieldTypes as InputFieldTypes$1 } from 'fieldsConfiguration/types';
15
15
  import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
16
- import * as react_hook_form from 'react-hook-form';
17
- import { ControllerProps, DeepPartial, FieldValues, FormState, Control, UseFormReturn, ValidationMode } from 'react-hook-form';
18
16
  import * as atoms from 'atoms';
19
17
  import { SelectOption as SelectOption$1, TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1, LinkVariant as LinkVariant$1 } from 'atoms';
20
- import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, ConsentProps as ConsentProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, ButtonProps as ButtonProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1, Consent as Consent$1, LinkProps as LinkProps$1 } from 'molecules';
18
+ import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, ConsentProps as ConsentProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, ButtonProps as ButtonProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1, ConsentType as ConsentType$1, LinkProps as LinkProps$1, AvatarDropdownMenuConfigType as AvatarDropdownMenuConfigType$1 } from 'molecules';
19
+ import * as react_hook_form from 'react-hook-form';
20
+ import { ControllerProps, DeepPartial, FieldValues, FormState, Control, UseFormReturn, ValidationMode } from 'react-hook-form';
21
21
  import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
22
22
  import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
23
23
  import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
24
+ import { Descendant } from 'slate';
24
25
  import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
25
26
  import { UIFields as UIFields$2, InputFieldTypes as InputFieldTypes$2, UIField as UIField$1 } from 'fieldsConfiguration';
26
27
  import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
@@ -36,6 +37,7 @@ import { ISIAProps } from 'organisms/ISI/ISIA';
36
37
  import { HeaderAProps as HeaderAProps$1 } from 'organisms/Header/HeaderA';
37
38
  import { FeedContentProps as FeedContentProps$1, FeedContentTemplateTypes as FeedContentTemplateTypes$1 } from 'organisms/FeedContent/types';
38
39
  import { AlertProps as AlertProps$2 } from 'molecules/Alert/Alert';
40
+ import { PasswordFields, PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
39
41
  import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
40
42
  import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
41
43
  import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
@@ -45,7 +47,7 @@ import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'at
45
47
  import { CustomDescendant } from 'atoms/RichTextViewer/types';
46
48
  import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
47
49
  import * as containers_types_types from 'containers/types/types';
48
- import { ContainerProps as ContainerProps$1 } from 'containers/types/types';
50
+ import { ContainerProps as ContainerProps$1, ContainerComponentProps as ContainerComponentProps$2 } from 'containers/types/types';
49
51
 
50
52
  declare type TouchableOpacityProps = PropsWithChildren<{
51
53
  activeOpacity?: number;
@@ -114,14 +116,14 @@ declare type SelectProps = Partial<{
114
116
  selectInternalConfig: SelectInternalConfigurationOptions;
115
117
  isRichText: boolean;
116
118
  }>;
117
- declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
119
+ declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
118
120
 
119
121
  declare type Callback = () => void;
120
122
  declare type AnyObject = Record<string, unknown>;
121
123
 
122
124
  declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
123
125
 
124
- declare type InputFieldTypes = 'phone_number' | 'text' | 'email' | 'password' | 'numerical' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'us_zip_code' | 'any';
126
+ declare type InputFieldTypes = 'phone_number' | 'text' | 'email' | 'password' | 'numerical' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'us_zip_code' | 'username' | 'any';
125
127
  declare type FieldTypes = 'input' | 'select' | 'checkbox';
126
128
  declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
127
129
  name: T;
@@ -153,6 +155,7 @@ declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<Fiel
153
155
 
154
156
  declare const acquisitionFormMockFields: UIFields$1<Record<string, string>>;
155
157
  declare const setPasswordMockFields: UIFields$1<SetPasswordFields>;
158
+ declare const passwordMockFields: UIFields$1<PasswordFields>;
156
159
  declare const loginMockFields: UIFields$1<LoginFields$1>;
157
160
  declare const sectionMockFields: UIFields$1<Record<string, string>>;
158
161
  declare const profileInformationMockForm: {
@@ -212,6 +215,7 @@ declare type TextProps = {
212
215
  textAlign?: TextAlign;
213
216
  behaveAs?: 'text' | 'button';
214
217
  seoTag?: SeoTags;
218
+ htmlElementId?: string;
215
219
  };
216
220
  declare type TextWrapperProps = PropsWithChildren<TextProps>;
217
221
  declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
@@ -389,6 +393,7 @@ declare const GoogleMap: react__default.ComponentClass<{
389
393
  position: MapPosition;
390
394
  } & WithScriptjsProps & WithGoogleMapProps, any>;
391
395
 
396
+ declare const defaultValue: Descendant[];
392
397
  declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
393
398
  declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
394
399
  declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
@@ -403,8 +408,9 @@ declare type RichTextEditorProps = Partial<{
403
408
  extraTextProps: TextProps$1;
404
409
  renderElementWrapperComponent: (props: AnyObject$1) => JSX.Element;
405
410
  renderElementWrapperProps: AnyObject$1;
411
+ htmlElementId: string;
406
412
  }>;
407
- declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent: RenderElementWrapperComponent, renderElementWrapperProps, }: RichTextEditorProps) => JSX.Element | null;
413
+ declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, htmlElementId, }: RichTextEditorProps) => JSX.Element | null;
408
414
 
409
415
  declare type RadioButtonInternalConfigProps = Partial<{
410
416
  selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
@@ -917,13 +923,70 @@ declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
917
923
  declare type OrganismContextType = {
918
924
  items: (ContainerComponentProps$1 | Molecule$1)[];
919
925
  groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
926
+ dateFields: {
927
+ id: string;
928
+ dateType: InputFieldTypes$2;
929
+ }[];
930
+ setDateFields: Dispatch<SetStateAction<{
931
+ id: string;
932
+ dateType: InputFieldTypes$2;
933
+ }[]>>;
934
+ formId?: string;
935
+ submitHandler?: (data: {
936
+ formId: string;
937
+ data: AnyObject$1;
938
+ }) => void;
939
+ validations?: PasswordRuleValidation[];
940
+ editable?: boolean;
941
+ isEditableForm?: boolean;
920
942
  };
921
943
  declare const OrganismContext: react.Context<OrganismContextType>;
922
944
 
923
945
  declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
924
946
  initItems: (ContainerComponentProps$1 | Molecule$1)[];
947
+ formId: string;
948
+ submitHandler: (data: {
949
+ formId: string;
950
+ data: AnyObject$1;
951
+ }) => void;
952
+ validations: PasswordRuleValidation[];
953
+ editable: boolean;
954
+ isEditableForm: boolean;
955
+ }>>;
956
+ declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isEditableForm, }: FormStepContextProviderProps) => JSX.Element;
957
+
958
+ declare type AccountButtonContextType = Partial<{
959
+ userInitials: string;
960
+ logOutHandler: Callback$1;
961
+ goToAccountInfo: Callback$1;
962
+ username: string;
963
+ }>;
964
+ declare const AccountButtonContext: react.Context<Partial<{
965
+ userInitials: string;
966
+ logOutHandler: Callback$1;
967
+ goToAccountInfo: Callback$1;
968
+ username: string;
969
+ }>>;
970
+
971
+ declare type AccountButtonProviderProps = PropsWithChildren<Partial<{
972
+ userInitials: string;
973
+ logOutHandler: Callback$1;
974
+ goToAccountInfo: Callback$1;
975
+ username: string;
925
976
  }>>;
926
- declare const OrganismContextProvider: ({ initItems, children, }: FormStepContextProviderProps) => JSX.Element;
977
+ declare const AccountButtonProvider: ({ children, goToAccountInfo, userInitials, logOutHandler, username, }: AccountButtonProviderProps) => JSX.Element;
978
+
979
+ declare type StateContextType = {
980
+ stateConfig: StateConfigType$1;
981
+ stateHandler?: (updatedStateConfig: StateConfigType$1) => void;
982
+ };
983
+ declare const StateContext: react.Context<StateContextType>;
984
+
985
+ declare type StateContextProviderProps = PropsWithChildren<{
986
+ initStateConfig: StateConfigType$1;
987
+ stateHandler?: (updatedStateConfig: StateConfigType$1) => void;
988
+ }>;
989
+ declare const StateContextProvider: ({ initStateConfig, children, stateHandler, }: StateContextProviderProps) => JSX.Element;
927
990
 
928
991
  declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
929
992
  declare type LabelInternalConfig = {
@@ -958,7 +1021,7 @@ declare type FieldLabelsProps = {
958
1021
  tooltipText?: string;
959
1022
  isError?: boolean;
960
1023
  isTooltipVisible?: boolean;
961
- ruleLabel?: FieldRuleLabelTypes;
1024
+ ruleLabel?: Nullable<FieldRuleLabelTypes>;
962
1025
  labelInternalConfig?: LabelInternalConfig;
963
1026
  ruleLabelInternalConfig?: RuleLabelInternalConfig;
964
1027
  tooltipInternalConfig?: TooltipInternalConfig;
@@ -973,15 +1036,16 @@ declare type InputFieldProps = Partial<{
973
1036
  required: boolean;
974
1037
  optional: boolean;
975
1038
  defaultValue: string;
1039
+ displayOnlyInputDefaultValue?: string;
976
1040
  inputProps: InputProps$1;
977
1041
  styles: StylesType;
978
1042
  labelsProps: FieldLabelsProps;
979
1043
  conditionConfig: ConditionConfig$1;
980
1044
  state: FormStateType$1;
1045
+ formData: AnyObject$1;
1046
+ htmlElementId: string;
981
1047
  }>;
982
- declare type ReturnValueType = Record<FormStateType$1, string>;
983
- declare const getMockValueForSuccessAndFormatError: (type: InputFieldTypes$2) => ReturnValueType;
984
- declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: InputFieldProps) => JSX.Element | null;
1048
+ declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
985
1049
 
986
1050
  declare type FieldMapperProps<T extends object> = {
987
1051
  field: UIField$1<keyof T>;
@@ -1017,9 +1081,11 @@ declare type CheckboxFieldProps = Partial<{
1017
1081
  wrapperStyles: StylesType;
1018
1082
  conditionConfig: ConditionConfig$1;
1019
1083
  state: FormStateType$1;
1020
- defaultValue: string;
1084
+ defaultValue: string[];
1085
+ formData: AnyObject$1;
1086
+ htmlElementId: string;
1021
1087
  }>;
1022
- declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: CheckboxFieldProps) => JSX.Element | null;
1088
+ declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, }: CheckboxFieldProps) => JSX.Element | null;
1023
1089
 
1024
1090
  declare type CheckboxGroupProps = Partial<{
1025
1091
  ref: RefCallBack;
@@ -1041,8 +1107,10 @@ declare type SelectFieldProps = Partial<{
1041
1107
  styles: StylesType;
1042
1108
  conditionConfig: ConditionConfig$1;
1043
1109
  state: FormStateType$1;
1110
+ formData: AnyObject$1;
1111
+ htmlElementId: string;
1044
1112
  }>;
1045
- declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: SelectFieldProps) => JSX.Element | null;
1113
+ declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
1046
1114
 
1047
1115
  declare type CustomValidationRule<T = string> = {
1048
1116
  text: string;
@@ -1053,8 +1121,10 @@ declare type CustomValidationProps<T = string> = {
1053
1121
  value: T;
1054
1122
  isSubmitted?: boolean;
1055
1123
  rules: CustomValidationRule<T>[];
1124
+ spacer?: number;
1125
+ validationState?: FormStateType$1;
1056
1126
  };
1057
- declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
1127
+ declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => JSX.Element;
1058
1128
 
1059
1129
  declare type BaseSelectableProps<T> = {
1060
1130
  iconName: IconNames$2;
@@ -1127,7 +1197,8 @@ declare type MenuItemsProps<T> = {
1127
1197
  };
1128
1198
  declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
1129
1199
 
1130
- declare type AvatarDropdownProps<T> = {
1200
+ declare type AvatarDropdownMenuConfigType = 'log-out' | 'account-information';
1201
+ declare type AvatarDropdownProps<T = string> = {
1131
1202
  avatarProps: AvatarProps$1;
1132
1203
  menuConfig: MenuItemsProps<T>;
1133
1204
  };
@@ -1155,8 +1226,10 @@ declare type TabGroupProps<T = string, K = string> = {
1155
1226
  selectedTabIndicatorColor?: ThemeColors$2 | string;
1156
1227
  wide?: AdditionalTabContainerProps;
1157
1228
  compact?: AdditionalTabContainerProps;
1229
+ isMobile?: boolean;
1230
+ htmlElementId?: string;
1158
1231
  };
1159
- declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
1232
+ declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, ...props }: TabGroupProps<T, K>) => JSX.Element;
1160
1233
 
1161
1234
  declare type FieldSectionProps<T extends object> = {
1162
1235
  label: string;
@@ -1194,8 +1267,10 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
1194
1267
  internalConfig: RadioButtonInternalConfigProps$1;
1195
1268
  conditionConfig: ConditionConfig$1;
1196
1269
  state: FormStateType$1;
1270
+ formData: AnyObject$1;
1271
+ htmlElementId: string;
1197
1272
  }>;
1198
- declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
1273
+ declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, }: Partial<{
1199
1274
  name: string;
1200
1275
  rules: ControllerProps$1['rules'];
1201
1276
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
@@ -1239,6 +1314,8 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
1239
1314
  }>;
1240
1315
  conditionConfig: ConditionConfig$1;
1241
1316
  state: FormStateType$1;
1317
+ formData: AnyObject$1;
1318
+ htmlElementId: string;
1242
1319
  }>) => JSX.Element | null;
1243
1320
 
1244
1321
  declare type AlertProps = {
@@ -1312,20 +1389,22 @@ declare type BottomNaVBarItemProps = {
1312
1389
  activeColor: string;
1313
1390
  onNavigate: Callback;
1314
1391
  };
1315
- declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
1392
+ declare const BottomNavBarItem: ({ name, icon, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
1316
1393
 
1317
1394
  declare type VideoProps = {
1318
1395
  src: string;
1319
1396
  } & Partial<{
1320
1397
  width: number;
1398
+ height: number;
1321
1399
  autoplay: boolean;
1322
1400
  enableCoverImage: boolean;
1323
1401
  coverImageSrc: string;
1324
1402
  style: CSSProperties;
1325
1403
  styles: StylesType;
1326
1404
  template: FeedContentTemplateTypes$1;
1405
+ htmlElementId: string;
1327
1406
  }>;
1328
- declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, styles, }: VideoProps) => JSX.Element | null;
1407
+ declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, }: VideoProps) => JSX.Element | null;
1329
1408
 
1330
1409
  declare type ImageProps = {
1331
1410
  src: string;
@@ -1339,13 +1418,17 @@ declare type ImageProps = {
1339
1418
  cornerRadius: number;
1340
1419
  behaveAs: 'background' | 'regular';
1341
1420
  styles: StylesType;
1421
+ stateConfig: MetadataStateConfig$1[];
1422
+ htmlElementId: string;
1342
1423
  }>;
1343
- declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;
1424
+ declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, stateConfig, htmlElementId, }: ImageProps) => JSX.Element | null;
1344
1425
 
1345
1426
  declare type CarouselProps = {
1346
1427
  children: JSX.Element[];
1428
+ autoplay?: boolean;
1429
+ autoplayDuration?: number;
1347
1430
  };
1348
- declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
1431
+ declare const Carousel: ({ children, autoplay, autoplayDuration, }: PropsWithChildren<CarouselProps>) => JSX.Element;
1349
1432
  declare const Wrapper: styled_components.StyledComponent<"section", styled_components.DefaultTheme, {}, never>;
1350
1433
  declare const SlidesWrapper: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {
1351
1434
  translateX: number;
@@ -1369,8 +1452,9 @@ declare type TextMoleculeProps = Partial<{
1369
1452
  isRichText: boolean;
1370
1453
  styles: StylesType;
1371
1454
  textAlign: 'center' | 'right' | 'left';
1455
+ htmlElementId: string;
1372
1456
  }> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
1373
- declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
1457
+ declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
1374
1458
 
1375
1459
  declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
1376
1460
  declare type ButtonType = 'button' | 'submit' | 'reset';
@@ -1408,8 +1492,10 @@ declare type ButtonProps = BaseButtonProps & {
1408
1492
  isRichText?: boolean;
1409
1493
  containerStyle?: StylesType;
1410
1494
  buttonStyle?: StylesType;
1495
+ stateConfig?: MetadataStateConfig$1[];
1496
+ htmlElementId?: string;
1411
1497
  };
1412
- declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
1498
+ declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, ...props }: ButtonProps) => JSX.Element | null;
1413
1499
 
1414
1500
  declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
1415
1501
  padding?: number | string;
@@ -1430,14 +1516,7 @@ declare const IconWrapper: styled_components.StyledComponent<"div", styled_compo
1430
1516
 
1431
1517
  declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
1432
1518
  declare type DefaultSelectionType = 'confirmation' | 'rejection';
1433
- declare type ConsentProps<T extends string = string> = {
1434
- text: string;
1435
- isRequired?: boolean;
1436
- consentCaptureProps: ConsentCaptureProps<T>;
1437
- containerStyles?: CSSProperties;
1438
- clearStyles?: boolean;
1439
- };
1440
- declare type Consent = {
1519
+ declare type ConsentType = {
1441
1520
  id: string;
1442
1521
  name: string;
1443
1522
  acknowledgment: CustomDescendant[];
@@ -1451,16 +1530,24 @@ declare type Consent = {
1451
1530
  value?: DefaultSelectionType | boolean;
1452
1531
  isRequired?: boolean;
1453
1532
  };
1533
+ declare type ConsentProps<T extends string = string> = {
1534
+ text: string;
1535
+ isRequired?: boolean;
1536
+ consentCaptureProps: ConsentCaptureProps<T>;
1537
+ containerStyles?: CSSProperties;
1538
+ clearStyles?: boolean;
1539
+ };
1454
1540
  declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
1455
1541
 
1456
1542
  declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
1457
1543
  text: string;
1458
1544
  isRichText: boolean;
1459
1545
  href: string;
1546
+ htmlElementId: string;
1460
1547
  }>;
1461
- declare const Link: ({ text: textProp, isRichText, ...props }: LinkProps) => JSX.Element | null;
1548
+ declare const Link: ({ text, isRichText, htmlElementId, ...props }: LinkProps) => JSX.Element | null;
1462
1549
 
1463
- declare const Container: ({ children, wide, compact, type, props, id, metadata, }: Partial<{
1550
+ declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
1464
1551
  type: containers.ContainerType;
1465
1552
  containerTemplateType: "row_content_container";
1466
1553
  wide: Partial<{
@@ -1471,10 +1558,13 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1471
1558
  cornerRadius: number | theme.SizesTypes;
1472
1559
  gap: theme.SizesTypes;
1473
1560
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1561
+ sliderProps: containers.SliderProps;
1474
1562
  formProps: containers.FormContainerProps;
1475
1563
  formStepProps: containers.FormStepContainerProps;
1476
1564
  padding: containers.Padding;
1477
1565
  border: string;
1566
+ activeChildrenIds: string[];
1567
+ activeOrganismIds: string[];
1478
1568
  }>;
1479
1569
  }>;
1480
1570
  compact: Partial<{
@@ -1485,10 +1575,13 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1485
1575
  cornerRadius: number | theme.SizesTypes;
1486
1576
  gap: theme.SizesTypes;
1487
1577
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1578
+ sliderProps: containers.SliderProps;
1488
1579
  formProps: containers.FormContainerProps;
1489
1580
  formStepProps: containers.FormStepContainerProps;
1490
1581
  padding: containers.Padding;
1491
1582
  border: string;
1583
+ activeChildrenIds: string[];
1584
+ activeOrganismIds: string[];
1492
1585
  }>;
1493
1586
  }>;
1494
1587
  props: Partial<{
@@ -1497,18 +1590,25 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1497
1590
  cornerRadius: number | theme.SizesTypes;
1498
1591
  gap: theme.SizesTypes;
1499
1592
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1593
+ sliderProps: containers.SliderProps;
1500
1594
  formProps: containers.FormContainerProps;
1501
1595
  formStepProps: containers.FormStepContainerProps;
1502
1596
  padding: containers.Padding;
1503
1597
  border: string;
1598
+ activeChildrenIds: string[];
1599
+ activeOrganismIds: string[];
1504
1600
  }>;
1505
- metadata: AnyObject;
1601
+ metadata: containers.MetadataType;
1602
+ isMobile: boolean;
1506
1603
  }> & {
1507
- children?: react.ReactNode;
1604
+ children?: ReactNode;
1508
1605
  } & {
1509
1606
  id: string;
1510
- }) => JSX.Element;
1511
- declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, }: ContainerComponentProps$1) => JSX.Element | null;
1607
+ }) => JSX.Element | null;
1608
+ declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, }: ContainerComponentProps$1 & {
1609
+ formData?: AnyObject$1 | undefined;
1610
+ setFormData?: Dispatch<SetStateAction<AnyObject$1>> | undefined;
1611
+ }) => JSX.Element | null;
1512
1612
 
1513
1613
  declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
1514
1614
  declare type DownloadFile = {
@@ -1534,7 +1634,7 @@ declare type Action = {
1534
1634
  reset: ResetAction;
1535
1635
  destroy: DestroyAction;
1536
1636
  }>;
1537
- declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown';
1637
+ declare type FormStateType = 'default' | 'success' | 'error' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
1538
1638
  declare type ImageAttributes = {
1539
1639
  attributeType: 'image';
1540
1640
  imageSource: string;
@@ -1580,8 +1680,10 @@ interface DataConnectionAttributes {
1580
1680
  attributeType: 'data_model_field';
1581
1681
  dataModelField: {
1582
1682
  id: string;
1683
+ subtype?: string;
1583
1684
  fieldName: string;
1584
1685
  code: string;
1686
+ defaultValue?: string;
1585
1687
  };
1586
1688
  }
1587
1689
  interface ConditionConfigAttributes {
@@ -1593,12 +1695,12 @@ interface ColorAttributes {
1593
1695
  attributeType: 'color';
1594
1696
  color: string;
1595
1697
  }
1596
- declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link';
1698
+ 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';
1597
1699
  interface BaseMolecule {
1598
1700
  id: string;
1599
1701
  instance: 'molecule';
1600
1702
  type: MoleculeTypes;
1601
- metadata?: AnyObject$1;
1703
+ metadata?: MetadataType;
1602
1704
  }
1603
1705
  interface ImageMolecule extends BaseMolecule {
1604
1706
  type: 'image';
@@ -1714,10 +1816,16 @@ interface ConsentFieldMolecule extends BaseMolecule {
1714
1816
  attributes: Partial<{
1715
1817
  consent: Partial<{
1716
1818
  attributeType: 'consent';
1717
- consent: Consent$1;
1819
+ consent: ConsentType$1;
1718
1820
  required: BooleanAttributes;
1719
1821
  }>;
1822
+ conditionConfig: ConditionConfigAttributes;
1720
1823
  }>;
1824
+ config: {
1825
+ props: Partial<{
1826
+ state: 'field_error';
1827
+ }>;
1828
+ };
1721
1829
  }
1722
1830
  interface LinkMolecule extends BaseMolecule {
1723
1831
  type: 'link';
@@ -1732,18 +1840,70 @@ interface LinkMolecule extends BaseMolecule {
1732
1840
  }>;
1733
1841
  };
1734
1842
  }
1735
- declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & {
1736
- form?: UseFormReturn<any>;
1737
- };
1843
+ interface PasswordSetupMolecule extends BaseMolecule {
1844
+ type: 'password_setup_field';
1845
+ attributes: Partial<{
1846
+ passwordFieldLabel: TextAttributes;
1847
+ reenteredPasswordFieldLabel: TextAttributes;
1848
+ passwordFieldRequired: BooleanAttributes;
1849
+ reenteredPasswordFieldRequired: BooleanAttributes;
1850
+ dataModelField: DataConnectionAttributes;
1851
+ }>;
1852
+ config: {
1853
+ props: {
1854
+ validationLabel?: string;
1855
+ state?: FormStateType;
1856
+ passwordInputProps: InputFieldProps$1;
1857
+ reenteredPasswordInputProps: InputFieldProps$1;
1858
+ };
1859
+ };
1860
+ }
1861
+ interface AccountButtonMolecule extends BaseMolecule {
1862
+ type: 'account_button';
1863
+ config: {
1864
+ props: AvatarDropdownProps$1<AvatarDropdownMenuConfigType$1>;
1865
+ };
1866
+ }
1867
+ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule> & Partial<{
1868
+ form: UseFormReturn<any>;
1869
+ formData: AnyObject$1;
1870
+ setFormData: Dispatch<SetStateAction<AnyObject$1>>;
1871
+ }>;
1738
1872
 
1739
1873
  declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
1740
1874
  declare type ContainerTemplateType = 'row_content_container';
1875
+ declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
1741
1876
  declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
1742
1877
  declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
1878
+ declare type StateActionType = 'visible' | 'disabled';
1879
+ declare type StateEventType = 'click' | 'view';
1880
+ declare type StateListenerConfigType = {
1881
+ role: 'stateListener';
1882
+ stateKey: string;
1883
+ stateValue: string | boolean;
1884
+ defaultState: Partial<Record<StateActionType, boolean>>;
1885
+ action: Partial<Record<StateActionType, boolean>>;
1886
+ };
1887
+ declare type StateModifierConfigType = {
1888
+ role: 'stateModifier';
1889
+ stateKey: string;
1890
+ event: StateEventType;
1891
+ };
1892
+ declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
1893
+ declare type MetadataType = AnyObject$1 & {
1894
+ stateConfig: MetadataStateConfig[];
1895
+ notEditable?: boolean;
1896
+ hasOwnButton?: boolean;
1897
+ };
1898
+ declare type SliderProps = {
1899
+ autoplay?: boolean;
1900
+ autoplayDuration?: number;
1901
+ };
1743
1902
  declare type FormStepContainerProps = {
1744
1903
  formStepName: string;
1745
1904
  order: number;
1746
1905
  conditionConfig: ConditionConfig;
1906
+ formStepStyles?: CSSProperties;
1747
1907
  };
1748
1908
  declare type FormContainerProps = {
1749
1909
  mode: keyof ValidationMode;
@@ -1756,10 +1916,13 @@ declare type ContainerPropsType = Partial<{
1756
1916
  cornerRadius: SizesTypes$1 | number;
1757
1917
  gap: SizesTypes$1;
1758
1918
  styles: StylesType;
1919
+ sliderProps: SliderProps;
1759
1920
  formProps: FormContainerProps;
1760
1921
  formStepProps: FormStepContainerProps;
1761
1922
  padding: Padding;
1762
1923
  border: string;
1924
+ activeChildrenIds: string[];
1925
+ activeOrganismIds: string[];
1763
1926
  }>;
1764
1927
  declare type AdditionalContainerProps = Partial<{
1765
1928
  containerStyle: CSSProperties;
@@ -1771,22 +1934,24 @@ declare type ContainerProps = PropsWithChildren<Partial<{
1771
1934
  wide: AdditionalContainerProps;
1772
1935
  compact: AdditionalContainerProps;
1773
1936
  props: ContainerPropsType;
1774
- metadata: AnyObject$1;
1937
+ metadata: MetadataType;
1938
+ isMobile: boolean;
1775
1939
  }>>;
1776
1940
  declare type ContainerComponentProps = {
1777
1941
  id: string;
1778
1942
  instance: 'container';
1779
1943
  type: ContainerType;
1780
1944
  items: (ContainerComponentProps | Molecule)[];
1781
- config: {
1782
- wide?: AdditionalContainerProps;
1783
- compact?: AdditionalContainerProps;
1784
- props?: ContainerPropsType;
1785
- };
1945
+ config: Partial<{
1946
+ wide: AdditionalContainerProps;
1947
+ compact: AdditionalContainerProps;
1948
+ props: ContainerPropsType;
1949
+ }>;
1786
1950
  tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
1787
- metadata?: AnyObject$1;
1951
+ metadata?: MetadataType;
1788
1952
  attributes?: AnyObject$1;
1789
1953
  containerLibraryId?: string;
1954
+ isMobile?: boolean;
1790
1955
  };
1791
1956
  declare type CriteriaType = 'operator' | 'condition';
1792
1957
  declare type ConditionCriteria = {
@@ -1804,6 +1969,12 @@ declare type ConditionConfig = Nullable<{
1804
1969
  segmentationType: SegmentationType;
1805
1970
  criteriaList: ConditionCriteria[];
1806
1971
  }>;
1972
+ declare type FormDataStateConfig = {
1973
+ value?: string | number;
1974
+ } & Record<string, {
1975
+ value?: string | number;
1976
+ }>;
1977
+ declare type StateConfigType = Record<string, Nullable<boolean | string | FormDataStateConfig>>;
1807
1978
 
1808
1979
  declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$1, "type"> & {
1809
1980
  containerProps?: Partial<{
@@ -1812,10 +1983,13 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
1812
1983
  cornerRadius: number | SizesTypes$1;
1813
1984
  gap: SizesTypes$1;
1814
1985
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1986
+ sliderProps: containers_types_types.SliderProps;
1815
1987
  formProps: containers_types_types.FormContainerProps;
1816
1988
  formStepProps: containers_types_types.FormStepContainerProps;
1817
1989
  padding: containers_types_types.Padding;
1818
1990
  border: string;
1991
+ activeChildrenIds: string[];
1992
+ activeOrganismIds: string[];
1819
1993
  }> | undefined;
1820
1994
  metadata?: AnyObject | undefined;
1821
1995
  }, never>;
@@ -1823,7 +1997,19 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
1823
1997
  declare type OrganismItemProps = {
1824
1998
  item: ContainerComponentProps$1 | Molecule$1;
1825
1999
  tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
2000
+ formData?: AnyObject$1;
2001
+ setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
2002
+ isMobile?: boolean;
2003
+ };
2004
+ declare const OrganismItem: ({ item, tabsProps, formData, setFormData, isMobile, }: OrganismItemProps) => JSX.Element | null;
2005
+
2006
+ declare type FormOrganismItemProps = {
2007
+ item: ContainerComponentProps$2;
2008
+ activeChildrenIds: string[];
2009
+ formData?: AnyObject$1;
2010
+ setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
2011
+ isMobile?: boolean;
1826
2012
  };
1827
- declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;
2013
+ declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => JSX.Element | null;
1828
2014
 
1829
- export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, 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, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, 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, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, 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, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, getMockValueForSuccessAndFormatError, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
2015
+ export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };