@zealicsolutions/web-ui 0.3.336 → 0.4.1

Sign up to get free protection for your applications and to get access to all the features.
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 +21 -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 +6 -2
  14. package/dist/cjs/src/containers/MoleculeItem.d.ts +4 -1
  15. package/dist/cjs/src/containers/OrganismItem.d.ts +7 -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 +2 -0
  25. package/dist/cjs/src/containers/styles.d.ts +3 -0
  26. package/dist/cjs/src/containers/types/moleculeTypes.d.ts +45 -9
  27. package/dist/cjs/src/containers/types/types.d.ts +45 -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 +19 -1
  31. package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +11 -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 +6 -6
  57. package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +5 -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 +21 -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 +6 -2
  86. package/dist/esm/src/containers/MoleculeItem.d.ts +4 -1
  87. package/dist/esm/src/containers/OrganismItem.d.ts +7 -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 +2 -0
  97. package/dist/esm/src/containers/styles.d.ts +3 -0
  98. package/dist/esm/src/containers/types/moleculeTypes.d.ts +45 -9
  99. package/dist/esm/src/containers/types/types.d.ts +45 -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 +19 -1
  103. package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +11 -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 +6 -6
  129. package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +5 -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 +245 -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,68 @@ 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;
920
941
  };
921
942
  declare const OrganismContext: react.Context<OrganismContextType>;
922
943
 
923
944
  declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
924
945
  initItems: (ContainerComponentProps$1 | Molecule$1)[];
946
+ formId: string;
947
+ submitHandler: (data: {
948
+ formId: string;
949
+ data: AnyObject$1;
950
+ }) => void;
951
+ validations: PasswordRuleValidation[];
952
+ editable: boolean;
953
+ }>>;
954
+ declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, }: FormStepContextProviderProps) => JSX.Element;
955
+
956
+ declare type AccountButtonContextType = Partial<{
957
+ userInitials: string;
958
+ logOutHandler: Callback$1;
959
+ goToAccountInfo: Callback$1;
960
+ username: string;
961
+ }>;
962
+ declare const AccountButtonContext: react.Context<Partial<{
963
+ userInitials: string;
964
+ logOutHandler: Callback$1;
965
+ goToAccountInfo: Callback$1;
966
+ username: string;
967
+ }>>;
968
+
969
+ declare type AccountButtonProviderProps = PropsWithChildren<Partial<{
970
+ userInitials: string;
971
+ logOutHandler: Callback$1;
972
+ goToAccountInfo: Callback$1;
973
+ username: string;
925
974
  }>>;
926
- declare const OrganismContextProvider: ({ initItems, children, }: FormStepContextProviderProps) => JSX.Element;
975
+ declare const AccountButtonProvider: ({ children, goToAccountInfo, userInitials, logOutHandler, username, }: AccountButtonProviderProps) => JSX.Element;
976
+
977
+ declare type StateContextType = {
978
+ stateConfig: StateConfigType$1;
979
+ stateHandler?: (updatedStateConfig: StateConfigType$1) => void;
980
+ };
981
+ declare const StateContext: react.Context<StateContextType>;
982
+
983
+ declare type StateContextProviderProps = PropsWithChildren<{
984
+ initStateConfig: StateConfigType$1;
985
+ stateHandler?: (updatedStateConfig: StateConfigType$1) => void;
986
+ }>;
987
+ declare const StateContextProvider: ({ initStateConfig, children, stateHandler, }: StateContextProviderProps) => JSX.Element;
927
988
 
928
989
  declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
929
990
  declare type LabelInternalConfig = {
@@ -958,7 +1019,7 @@ declare type FieldLabelsProps = {
958
1019
  tooltipText?: string;
959
1020
  isError?: boolean;
960
1021
  isTooltipVisible?: boolean;
961
- ruleLabel?: FieldRuleLabelTypes;
1022
+ ruleLabel?: Nullable<FieldRuleLabelTypes>;
962
1023
  labelInternalConfig?: LabelInternalConfig;
963
1024
  ruleLabelInternalConfig?: RuleLabelInternalConfig;
964
1025
  tooltipInternalConfig?: TooltipInternalConfig;
@@ -973,15 +1034,17 @@ declare type InputFieldProps = Partial<{
973
1034
  required: boolean;
974
1035
  optional: boolean;
975
1036
  defaultValue: string;
1037
+ displayOnlyInputDefaultValue?: string;
976
1038
  inputProps: InputProps$1;
977
1039
  styles: StylesType;
978
1040
  labelsProps: FieldLabelsProps;
979
1041
  conditionConfig: ConditionConfig$1;
980
1042
  state: FormStateType$1;
1043
+ formData: AnyObject$1;
1044
+ htmlElementId: string;
1045
+ isFormInEditMode: boolean;
981
1046
  }>;
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;
1047
+ declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, isFormInEditMode, }: InputFieldProps) => JSX.Element | null;
985
1048
 
986
1049
  declare type FieldMapperProps<T extends object> = {
987
1050
  field: UIField$1<keyof T>;
@@ -1017,9 +1080,11 @@ declare type CheckboxFieldProps = Partial<{
1017
1080
  wrapperStyles: StylesType;
1018
1081
  conditionConfig: ConditionConfig$1;
1019
1082
  state: FormStateType$1;
1020
- defaultValue: string;
1083
+ defaultValue: string[];
1084
+ formData: AnyObject$1;
1085
+ htmlElementId: string;
1021
1086
  }>;
1022
- declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: CheckboxFieldProps) => JSX.Element | null;
1087
+ declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, }: CheckboxFieldProps) => JSX.Element | null;
1023
1088
 
1024
1089
  declare type CheckboxGroupProps = Partial<{
1025
1090
  ref: RefCallBack;
@@ -1041,8 +1106,10 @@ declare type SelectFieldProps = Partial<{
1041
1106
  styles: StylesType;
1042
1107
  conditionConfig: ConditionConfig$1;
1043
1108
  state: FormStateType$1;
1109
+ formData: AnyObject$1;
1110
+ htmlElementId: string;
1044
1111
  }>;
1045
- declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: SelectFieldProps) => JSX.Element | null;
1112
+ declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
1046
1113
 
1047
1114
  declare type CustomValidationRule<T = string> = {
1048
1115
  text: string;
@@ -1053,8 +1120,10 @@ declare type CustomValidationProps<T = string> = {
1053
1120
  value: T;
1054
1121
  isSubmitted?: boolean;
1055
1122
  rules: CustomValidationRule<T>[];
1123
+ spacer?: number;
1124
+ validationState?: FormStateType$1;
1056
1125
  };
1057
- declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
1126
+ declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => JSX.Element;
1058
1127
 
1059
1128
  declare type BaseSelectableProps<T> = {
1060
1129
  iconName: IconNames$2;
@@ -1127,7 +1196,8 @@ declare type MenuItemsProps<T> = {
1127
1196
  };
1128
1197
  declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
1129
1198
 
1130
- declare type AvatarDropdownProps<T> = {
1199
+ declare type AvatarDropdownMenuConfigType = 'log-out' | 'account-information';
1200
+ declare type AvatarDropdownProps<T = string> = {
1131
1201
  avatarProps: AvatarProps$1;
1132
1202
  menuConfig: MenuItemsProps<T>;
1133
1203
  };
@@ -1155,8 +1225,10 @@ declare type TabGroupProps<T = string, K = string> = {
1155
1225
  selectedTabIndicatorColor?: ThemeColors$2 | string;
1156
1226
  wide?: AdditionalTabContainerProps;
1157
1227
  compact?: AdditionalTabContainerProps;
1228
+ isMobile?: boolean;
1229
+ htmlElementId?: string;
1158
1230
  };
1159
- declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
1231
+ 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
1232
 
1161
1233
  declare type FieldSectionProps<T extends object> = {
1162
1234
  label: string;
@@ -1194,8 +1266,10 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
1194
1266
  internalConfig: RadioButtonInternalConfigProps$1;
1195
1267
  conditionConfig: ConditionConfig$1;
1196
1268
  state: FormStateType$1;
1269
+ formData: AnyObject$1;
1270
+ htmlElementId: string;
1197
1271
  }>;
1198
- declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
1272
+ declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, }: Partial<{
1199
1273
  name: string;
1200
1274
  rules: ControllerProps$1['rules'];
1201
1275
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
@@ -1239,6 +1313,8 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
1239
1313
  }>;
1240
1314
  conditionConfig: ConditionConfig$1;
1241
1315
  state: FormStateType$1;
1316
+ formData: AnyObject$1;
1317
+ htmlElementId: string;
1242
1318
  }>) => JSX.Element | null;
1243
1319
 
1244
1320
  declare type AlertProps = {
@@ -1312,20 +1388,22 @@ declare type BottomNaVBarItemProps = {
1312
1388
  activeColor: string;
1313
1389
  onNavigate: Callback;
1314
1390
  };
1315
- declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
1391
+ declare const BottomNavBarItem: ({ name, icon, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
1316
1392
 
1317
1393
  declare type VideoProps = {
1318
1394
  src: string;
1319
1395
  } & Partial<{
1320
1396
  width: number;
1397
+ height: number;
1321
1398
  autoplay: boolean;
1322
1399
  enableCoverImage: boolean;
1323
1400
  coverImageSrc: string;
1324
1401
  style: CSSProperties;
1325
1402
  styles: StylesType;
1326
1403
  template: FeedContentTemplateTypes$1;
1404
+ htmlElementId: string;
1327
1405
  }>;
1328
- declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, styles, }: VideoProps) => JSX.Element | null;
1406
+ declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, }: VideoProps) => JSX.Element | null;
1329
1407
 
1330
1408
  declare type ImageProps = {
1331
1409
  src: string;
@@ -1339,13 +1417,17 @@ declare type ImageProps = {
1339
1417
  cornerRadius: number;
1340
1418
  behaveAs: 'background' | 'regular';
1341
1419
  styles: StylesType;
1420
+ stateConfig: MetadataStateConfig$1[];
1421
+ htmlElementId: string;
1342
1422
  }>;
1343
- declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;
1423
+ declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, stateConfig, htmlElementId, }: ImageProps) => JSX.Element | null;
1344
1424
 
1345
1425
  declare type CarouselProps = {
1346
1426
  children: JSX.Element[];
1427
+ autoplay?: boolean;
1428
+ autoplayDuration?: number;
1347
1429
  };
1348
- declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
1430
+ declare const Carousel: ({ children, autoplay, autoplayDuration, }: PropsWithChildren<CarouselProps>) => JSX.Element;
1349
1431
  declare const Wrapper: styled_components.StyledComponent<"section", styled_components.DefaultTheme, {}, never>;
1350
1432
  declare const SlidesWrapper: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {
1351
1433
  translateX: number;
@@ -1369,8 +1451,9 @@ declare type TextMoleculeProps = Partial<{
1369
1451
  isRichText: boolean;
1370
1452
  styles: StylesType;
1371
1453
  textAlign: 'center' | 'right' | 'left';
1454
+ htmlElementId: string;
1372
1455
  }> & 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;
1456
+ declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
1374
1457
 
1375
1458
  declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
1376
1459
  declare type ButtonType = 'button' | 'submit' | 'reset';
@@ -1408,8 +1491,10 @@ declare type ButtonProps = BaseButtonProps & {
1408
1491
  isRichText?: boolean;
1409
1492
  containerStyle?: StylesType;
1410
1493
  buttonStyle?: StylesType;
1494
+ stateConfig?: MetadataStateConfig$1[];
1495
+ htmlElementId?: string;
1411
1496
  };
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;
1497
+ 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
1498
 
1414
1499
  declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
1415
1500
  padding?: number | string;
@@ -1430,14 +1515,7 @@ declare const IconWrapper: styled_components.StyledComponent<"div", styled_compo
1430
1515
 
1431
1516
  declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
1432
1517
  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 = {
1518
+ declare type ConsentType = {
1441
1519
  id: string;
1442
1520
  name: string;
1443
1521
  acknowledgment: CustomDescendant[];
@@ -1451,16 +1529,24 @@ declare type Consent = {
1451
1529
  value?: DefaultSelectionType | boolean;
1452
1530
  isRequired?: boolean;
1453
1531
  };
1532
+ declare type ConsentProps<T extends string = string> = {
1533
+ text: string;
1534
+ isRequired?: boolean;
1535
+ consentCaptureProps: ConsentCaptureProps<T>;
1536
+ containerStyles?: CSSProperties;
1537
+ clearStyles?: boolean;
1538
+ };
1454
1539
  declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
1455
1540
 
1456
1541
  declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
1457
1542
  text: string;
1458
1543
  isRichText: boolean;
1459
1544
  href: string;
1545
+ htmlElementId: string;
1460
1546
  }>;
1461
- declare const Link: ({ text: textProp, isRichText, ...props }: LinkProps) => JSX.Element | null;
1547
+ declare const Link: ({ text, isRichText, htmlElementId, ...props }: LinkProps) => JSX.Element | null;
1462
1548
 
1463
- declare const Container: ({ children, wide, compact, type, props, id, metadata, }: Partial<{
1549
+ declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, isFormInEditMode, }: Partial<{
1464
1550
  type: containers.ContainerType;
1465
1551
  containerTemplateType: "row_content_container";
1466
1552
  wide: Partial<{
@@ -1471,10 +1557,13 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1471
1557
  cornerRadius: number | theme.SizesTypes;
1472
1558
  gap: theme.SizesTypes;
1473
1559
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1560
+ sliderProps: containers.SliderProps;
1474
1561
  formProps: containers.FormContainerProps;
1475
1562
  formStepProps: containers.FormStepContainerProps;
1476
1563
  padding: containers.Padding;
1477
1564
  border: string;
1565
+ activeChildrenIds: string[];
1566
+ activeOrganismIds: string[];
1478
1567
  }>;
1479
1568
  }>;
1480
1569
  compact: Partial<{
@@ -1485,10 +1574,13 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1485
1574
  cornerRadius: number | theme.SizesTypes;
1486
1575
  gap: theme.SizesTypes;
1487
1576
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1577
+ sliderProps: containers.SliderProps;
1488
1578
  formProps: containers.FormContainerProps;
1489
1579
  formStepProps: containers.FormStepContainerProps;
1490
1580
  padding: containers.Padding;
1491
1581
  border: string;
1582
+ activeChildrenIds: string[];
1583
+ activeOrganismIds: string[];
1492
1584
  }>;
1493
1585
  }>;
1494
1586
  props: Partial<{
@@ -1497,18 +1589,26 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1497
1589
  cornerRadius: number | theme.SizesTypes;
1498
1590
  gap: theme.SizesTypes;
1499
1591
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1592
+ sliderProps: containers.SliderProps;
1500
1593
  formProps: containers.FormContainerProps;
1501
1594
  formStepProps: containers.FormStepContainerProps;
1502
1595
  padding: containers.Padding;
1503
1596
  border: string;
1597
+ activeChildrenIds: string[];
1598
+ activeOrganismIds: string[];
1504
1599
  }>;
1505
- metadata: AnyObject;
1600
+ metadata: containers.MetadataType;
1601
+ isMobile: boolean;
1602
+ isFormInEditMode: 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,71 @@ 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
+ isFormInEditMode: boolean;
1872
+ }>;
1738
1873
 
1739
1874
  declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
1740
1875
  declare type ContainerTemplateType = 'row_content_container';
1876
+ declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
1741
1877
  declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
1742
1878
  declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
1879
+ declare type StateActionType = 'visible' | 'disabled';
1880
+ declare type StateEventType = 'click' | 'view';
1881
+ declare type StateListenerConfigType = {
1882
+ role: 'stateListener';
1883
+ stateKey: string;
1884
+ stateValue: string | boolean;
1885
+ defaultState: Partial<Record<StateActionType, boolean>>;
1886
+ action: Partial<Record<StateActionType, boolean>>;
1887
+ };
1888
+ declare type StateModifierConfigType = {
1889
+ role: 'stateModifier';
1890
+ stateKey: string;
1891
+ event: StateEventType;
1892
+ };
1893
+ declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
1894
+ declare type MetadataType = AnyObject$1 & {
1895
+ stateConfig: MetadataStateConfig[];
1896
+ notEditable?: boolean;
1897
+ hasOwnButton?: boolean;
1898
+ };
1899
+ declare type SliderProps = {
1900
+ autoplay?: boolean;
1901
+ autoplayDuration?: number;
1902
+ };
1743
1903
  declare type FormStepContainerProps = {
1744
1904
  formStepName: string;
1745
1905
  order: number;
1746
1906
  conditionConfig: ConditionConfig;
1907
+ formStepStyles?: CSSProperties;
1747
1908
  };
1748
1909
  declare type FormContainerProps = {
1749
1910
  mode: keyof ValidationMode;
@@ -1756,10 +1917,13 @@ declare type ContainerPropsType = Partial<{
1756
1917
  cornerRadius: SizesTypes$1 | number;
1757
1918
  gap: SizesTypes$1;
1758
1919
  styles: StylesType;
1920
+ sliderProps: SliderProps;
1759
1921
  formProps: FormContainerProps;
1760
1922
  formStepProps: FormStepContainerProps;
1761
1923
  padding: Padding;
1762
1924
  border: string;
1925
+ activeChildrenIds: string[];
1926
+ activeOrganismIds: string[];
1763
1927
  }>;
1764
1928
  declare type AdditionalContainerProps = Partial<{
1765
1929
  containerStyle: CSSProperties;
@@ -1771,22 +1935,25 @@ declare type ContainerProps = PropsWithChildren<Partial<{
1771
1935
  wide: AdditionalContainerProps;
1772
1936
  compact: AdditionalContainerProps;
1773
1937
  props: ContainerPropsType;
1774
- metadata: AnyObject$1;
1938
+ metadata: MetadataType;
1939
+ isMobile: boolean;
1940
+ isFormInEditMode: boolean;
1775
1941
  }>>;
1776
1942
  declare type ContainerComponentProps = {
1777
1943
  id: string;
1778
1944
  instance: 'container';
1779
1945
  type: ContainerType;
1780
1946
  items: (ContainerComponentProps | Molecule)[];
1781
- config: {
1782
- wide?: AdditionalContainerProps;
1783
- compact?: AdditionalContainerProps;
1784
- props?: ContainerPropsType;
1785
- };
1947
+ config: Partial<{
1948
+ wide: AdditionalContainerProps;
1949
+ compact: AdditionalContainerProps;
1950
+ props: ContainerPropsType;
1951
+ }>;
1786
1952
  tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
1787
- metadata?: AnyObject$1;
1953
+ metadata?: MetadataType;
1788
1954
  attributes?: AnyObject$1;
1789
1955
  containerLibraryId?: string;
1956
+ isMobile?: boolean;
1790
1957
  };
1791
1958
  declare type CriteriaType = 'operator' | 'condition';
1792
1959
  declare type ConditionCriteria = {
@@ -1804,6 +1971,12 @@ declare type ConditionConfig = Nullable<{
1804
1971
  segmentationType: SegmentationType;
1805
1972
  criteriaList: ConditionCriteria[];
1806
1973
  }>;
1974
+ declare type FormDataStateConfig = {
1975
+ value?: string | number;
1976
+ } & Record<string, {
1977
+ value?: string | number;
1978
+ }>;
1979
+ declare type StateConfigType = Record<string, Nullable<boolean | string | FormDataStateConfig>>;
1807
1980
 
1808
1981
  declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$1, "type"> & {
1809
1982
  containerProps?: Partial<{
@@ -1812,10 +1985,13 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
1812
1985
  cornerRadius: number | SizesTypes$1;
1813
1986
  gap: SizesTypes$1;
1814
1987
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1988
+ sliderProps: containers_types_types.SliderProps;
1815
1989
  formProps: containers_types_types.FormContainerProps;
1816
1990
  formStepProps: containers_types_types.FormStepContainerProps;
1817
1991
  padding: containers_types_types.Padding;
1818
1992
  border: string;
1993
+ activeChildrenIds: string[];
1994
+ activeOrganismIds: string[];
1819
1995
  }> | undefined;
1820
1996
  metadata?: AnyObject | undefined;
1821
1997
  }, never>;
@@ -1823,7 +1999,20 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
1823
1999
  declare type OrganismItemProps = {
1824
2000
  item: ContainerComponentProps$1 | Molecule$1;
1825
2001
  tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
2002
+ formData?: AnyObject$1;
2003
+ setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
2004
+ isMobile?: boolean;
2005
+ isFormInEditMode?: boolean;
2006
+ };
2007
+ declare const OrganismItem: ({ item, tabsProps, formData, setFormData, isMobile, isFormInEditMode, }: OrganismItemProps) => JSX.Element | null;
2008
+
2009
+ declare type FormOrganismItemProps = {
2010
+ item: ContainerComponentProps$2;
2011
+ activeChildrenIds: string[];
2012
+ formData?: AnyObject$1;
2013
+ setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
2014
+ isMobile?: boolean;
1826
2015
  };
1827
- declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;
2016
+ declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => JSX.Element | null;
1828
2017
 
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 };
2018
+ 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 };