@zealicsolutions/web-ui 0.1.31 → 0.1.33

package/dist/esm/src/atoms/Circle/Circle.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type CircleType = 'link' | 'message';
+export declare type CircleBoxProps = {
+    index: number;
+    type: CircleType;
+};
+export declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
+export {};

package/dist/esm/src/atoms/Circle/Circle.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Circle as CircleComponent } from 'atoms/Circle/Circle';
+declare const _default: {
+    title: string;
+    component: ({ index, type }: import("atoms/Circle/Circle").CircleBoxProps) => JSX.Element;
+};
+export default _default;
+export declare const Circle: ComponentStory<typeof CircleComponent>;

package/dist/esm/src/atoms/RichTextViewer/components/index.d.ts

@@ -1,3 +1,2 @@
 export { EditorElement } from './EditorElement';
-export { LinkElement } from './LinkElement';
 export { Leaf } from './Leaf';

package/dist/esm/src/atoms/RichTextViewer/types.d.ts

@@ -1,14 +1,17 @@
-export declare type Format = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'numbered-list' | 'bulleted-list' | 'link';
+export declare type Format = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'numbered-list' | 'bulleted-list' | 'communicationLink' | 'tag';
 export declare type TextFormat = Partial<{
     bold: boolean;
     italic: boolean;
     underline: boolean;
     strikethrough: boolean;
+    communicationLink: CommunicationLinkPayload;
+    tag: {
+        id: string;
+    };
     'numbered-list': boolean;
     'bulleted-list': boolean;
-    link: boolean;
 }>;
-export declare type CustomElementType = 'paragraph' | 'list-item' | 'bulleted-list' | 'numbered-list' | 'link' | 'span';
+export declare type CustomElementType = 'paragraph' | 'list-item' | 'bulleted-list' | 'numbered-list' | 'span';
 export declare type CustomText = {
     text: string;
     type?: CustomElementType;
@@ -19,3 +22,8 @@ export declare type CustomElement = {
     href?: string;
     format?: Format;
 };
+export declare type LinkType = 'externalLink' | 'internalLink';
+export declare type CommunicationLinkPayload = {
+    type: LinkType;
+    url: string;
+};

package/dist/esm/src/atoms/index.d.ts

@@ -18,3 +18,4 @@ export * from './Divider/Divider';
 export * from './GoogleMap/GoogleMap';
 export * from './RichTextViewer/RichTextViewer';
 export * from './RadioButtons/RadioButtons';
+export * from './Circle/Circle';

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { AnnotationsList } from 'contexts/MlrRichTextViewerContext/types';
+export declare type MlrRichTextViewerContextType = {
+    isMLRReview: boolean;
+    showAnnotations: boolean;
+    annotationsList: AnnotationsList;
+};
+export declare const MlrRichTextViewerContext: import("react").Context<MlrRichTextViewerContextType>;

package/dist/esm/src/contexts/MlrRichTextViewerContext/MlrRichTextViewerProvider.d.ts

@@ -0,0 +1,8 @@
+import { AnnotationsList } from 'contexts/MlrRichTextViewerContext/types';
+import { PropsWithChildren } from 'react';
+export declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
+    annotationsList: AnnotationsList;
+    isMLRReview: boolean;
+    showAnnotations: boolean;
+}>;
+export declare const MlrRichTextViewerProvider: ({ children, isMLRReview, showAnnotations, annotationsList, }: MlrRichTextViewerProviderProps) => JSX.Element;

package/dist/esm/src/contexts/MlrRichTextViewerContext/types.d.ts

@@ -0,0 +1,11 @@
+export declare type AnnotationsList = {
+    tags: {
+        id: string;
+        label: string;
+    }[];
+    links: {
+        id: string;
+        text: string;
+        url: string;
+    }[];
+};

package/dist/esm/src/contexts/hooks/useMlrRichTextViewerContext.d.ts

@@ -0,0 +1 @@
+export declare const useMlrRichTextViewerContext: () => import("contexts/MlrRichTextViewerContext/MlrRichTextViewerContext").MlrRichTextViewerContextType;

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

@@ -0,0 +1,4 @@
+export * from './MlrRichTextViewerContext/MlrRichTextViewerProvider';
+export * from './MlrRichTextViewerContext/MlrRichTextViewerContext';
+export * from './MlrRichTextViewerContext/types';
+export * from './hooks/useMlrRichTextViewerContext';

package/dist/esm/src/fieldsConfiguration/mock.d.ts

@@ -1,11 +1,11 @@
 import { UIFields } from 'fieldsConfiguration/types';
 import { LoginFields } from 'organisms/LoginForm/types';
 import { SetPasswordFields } from 'organisms/SetPasswordForm/types';
-export declare const acquisitionFormMockFields: UIFields<any>;
+export declare const acquisitionFormMockFields: UIFields<Record<string, string>>;
 export declare const setPasswordMockFields: UIFields<SetPasswordFields>;
 export declare const loginMockFields: UIFields<LoginFields>;
-export declare const sectionMockFields: UIFields<any>;
+export declare const sectionMockFields: UIFields<Record<string, string>>;
 export declare const profileInformationMockForm: {
     label: string;
-    fields: UIFields<any>;
+    fields: UIFields<Record<string, string>>;
 }[];

package/dist/esm/src/helpers/validations.d.ts

@@ -0,0 +1,5 @@
+import { InputFieldTypes } from 'fieldsConfiguration';
+import { ValidationRule } from 'react-hook-form';
+export declare const phoneNumberValidation: RegExp;
+export declare const emailValidation: RegExp;
+export declare const getInputValidation: (type?: InputFieldTypes) => ValidationRule<RegExp> | undefined;

package/dist/esm/src/index.d.ts

@@ -5,3 +5,4 @@ export * from './templates';
 export * from './hooks';
 export * from './theme';
 export * from './fieldsConfiguration';
+export * from './contexts';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { CSSProperties } from 'styled-components';
-import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { InputProps } from 'atoms';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import { CSSProperties } from 'styled-components';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type InputFieldProps = {
     name: string;

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

@@ -13,5 +13,7 @@ export declare type AcquisitionFormProps<T extends object> = {
     buttonText?: string;
     onSubmit: (values: T) => void;
     onLinkButtonClick?: Callback;
+    showConsentLabel?: boolean;
+    triggerFormInitially?: boolean;
 };
-export declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, onLinkButtonClick, isSubmitDisabled, consents, isLoading, }: AcquisitionFormProps<T>) => JSX.Element;
+export declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, showConsentLabel, onLinkButtonClick, isSubmitDisabled, consents, isLoading, triggerFormInitially, }: AcquisitionFormProps<T>) => JSX.Element;

package/dist/esm/src/organisms/AcquisitionForm/AcquisitionForm.stories.d.ts

@@ -3,7 +3,7 @@ import { ComponentStory } from '@storybook/react';
 import { AcquisitionForm as AcquisitionFormComponent } from './AcquisitionForm';
 declare const _default: {
     title: string;
-    component: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, onLinkButtonClick, isSubmitDisabled, consents, isLoading, }: import("./AcquisitionForm").AcquisitionFormProps<T>) => JSX.Element;
+    component: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, showConsentLabel, onLinkButtonClick, isSubmitDisabled, consents, isLoading, triggerFormInitially, }: import("./AcquisitionForm").AcquisitionFormProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const AcquisitionForm: ComponentStory<typeof AcquisitionFormComponent>;

package/dist/index.d.ts

@@ -14,8 +14,8 @@ import { ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$1, FontSizesType
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
-import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { InputProps as InputProps$1, RadioButtonsProps as RadioButtonsProps$1, ButtonProps as ButtonProps$1 } from 'atoms';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
 import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState } from 'react-hook-form';
 import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
@@ -27,6 +27,8 @@ import { FieldSectionProps as FieldSectionProps$1, HeroImageProps as HeroImagePr
 import { ISIAProps } from 'organisms/ISI/ISIA';
 import { HeaderAProps as HeaderAProps$1 } from 'organisms/Header/HeaderA';
 import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
+import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
+import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
 
 declare type BaseButtonProps = {
     onClick?: Callback;
@@ -263,6 +265,13 @@ declare type RadioButtonsProps<T extends string> = {
 };
 declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: RadioButtonsProps<T>) => JSX.Element;
 
+declare type CircleType = 'link' | 'message';
+declare type CircleBoxProps = {
+    index: number;
+    type: CircleType;
+};
+declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
+
 declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 declare type FieldLabelsProps = {
     label: string;
@@ -317,13 +326,13 @@ declare const getInitialValuesFromFields: <T extends object>(fields: UIFields$1<
 declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
 declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<FieldSectionProps$1<T>, "fields">[]) => UIFields$1<T>;
 
-declare const acquisitionFormMockFields: UIFields$1<any>;
+declare const acquisitionFormMockFields: UIFields$1<Record<string, string>>;
 declare const setPasswordMockFields: UIFields$1<SetPasswordFields>;
 declare const loginMockFields: UIFields$1<LoginFields$1>;
-declare const sectionMockFields: UIFields$1<any>;
+declare const sectionMockFields: UIFields$1<Record<string, string>>;
 declare const profileInformationMockForm: {
     label: string;
-    fields: UIFields$1<any>;
+    fields: UIFields$1<Record<string, string>>;
 }[];
 
 declare type FieldMapperProps<T extends object> = {
@@ -547,8 +556,10 @@ declare type AcquisitionFormProps<T extends object> = {
     buttonText?: string;
     onSubmit: (values: T) => void;
     onLinkButtonClick?: Callback;
+    showConsentLabel?: boolean;
+    triggerFormInitially?: boolean;
 };
-declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, onLinkButtonClick, isSubmitDisabled, consents, isLoading, }: AcquisitionFormProps<T>) => JSX.Element;
+declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, showConsentLabel, onLinkButtonClick, isSubmitDisabled, consents, isLoading, triggerFormInitially, }: AcquisitionFormProps<T>) => JSX.Element;
 
 declare type VerificationCodeForm = {
     code: string;
@@ -711,4 +722,32 @@ interface Helpers {
 }
 declare const useStep: (maxStep: number) => [number, Helpers];
 
-export { AcquisitionForm, AcquisitionFormProps, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, EmphasizedText, EmphasizedTextProps, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, toast, toastStyles, useMediaQuery, useStep };
+declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
+    annotationsList: AnnotationsList$1;
+    isMLRReview: boolean;
+    showAnnotations: boolean;
+}>;
+declare const MlrRichTextViewerProvider: ({ children, isMLRReview, showAnnotations, annotationsList, }: MlrRichTextViewerProviderProps) => JSX.Element;
+
+declare type MlrRichTextViewerContextType = {
+    isMLRReview: boolean;
+    showAnnotations: boolean;
+    annotationsList: AnnotationsList$1;
+};
+declare const MlrRichTextViewerContext: react.Context<MlrRichTextViewerContextType>;
+
+declare type AnnotationsList = {
+    tags: {
+        id: string;
+        label: string;
+    }[];
+    links: {
+        id: string;
+        text: string;
+        url: string;
+    }[];
+};
+
+declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
+
+export { AcquisitionForm, AcquisitionFormProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, EmphasizedText, EmphasizedTextProps, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.1.31",
+  "version": "0.1.33",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"

package/dist/cjs/src/atoms/RichTextViewer/components/LinkElement.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { RenderElementProps } from 'slate-react';
-export declare const LinkElement: ({ attributes, element, children }: RenderElementProps) => JSX.Element;

package/dist/esm/src/atoms/RichTextViewer/components/LinkElement.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { RenderElementProps } from 'slate-react';
-export declare const LinkElement: ({ attributes, element, children }: RenderElementProps) => JSX.Element;