@zealicsolutions/web-ui 0.3.336 → 0.4.1

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 +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 };