@zealicsolutions/web-ui 0.1.23 → 0.1.25
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.
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Checkbox/Checkbox.d.ts +2 -2
- package/dist/cjs/src/atoms/RadioButtons/RadioButtons.d.ts +17 -0
- package/dist/cjs/src/atoms/RadioButtons/RadioButtons.stories.d.ts +9 -0
- package/dist/cjs/src/atoms/Select/types.d.ts +1 -1
- package/dist/cjs/src/atoms/index.d.ts +1 -0
- package/dist/cjs/src/fieldsConfiguration/types.d.ts +1 -1
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +17 -0
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +9 -0
- package/dist/cjs/src/molecules/index.d.ts +1 -0
- package/dist/cjs/src/organisms/AcquisitionForm/AcquisitionForm.d.ts +4 -1
- package/dist/cjs/src/organisms/AcquisitionForm/AcquisitionForm.stories.d.ts +1 -1
- package/dist/cjs/src/organisms/Consent/Consent.d.ts +11 -0
- package/dist/cjs/src/organisms/Consent/Consent.stories.d.ts +9 -0
- package/dist/cjs/src/organisms/Consent/ConsentCapture.d.ts +19 -0
- package/dist/cjs/src/organisms/Consent/consentMock.d.ts +5 -0
- package/dist/cjs/src/organisms/index.d.ts +1 -0
- package/dist/esm/index.js +5 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Checkbox/Checkbox.d.ts +2 -2
- package/dist/esm/src/atoms/RadioButtons/RadioButtons.d.ts +17 -0
- package/dist/esm/src/atoms/RadioButtons/RadioButtons.stories.d.ts +9 -0
- package/dist/esm/src/atoms/Select/types.d.ts +1 -1
- package/dist/esm/src/atoms/index.d.ts +1 -0
- package/dist/esm/src/fieldsConfiguration/types.d.ts +1 -1
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +17 -0
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +9 -0
- package/dist/esm/src/molecules/index.d.ts +1 -0
- package/dist/esm/src/organisms/AcquisitionForm/AcquisitionForm.d.ts +4 -1
- package/dist/esm/src/organisms/AcquisitionForm/AcquisitionForm.stories.d.ts +1 -1
- package/dist/esm/src/organisms/Consent/Consent.d.ts +11 -0
- package/dist/esm/src/organisms/Consent/Consent.stories.d.ts +9 -0
- package/dist/esm/src/organisms/Consent/ConsentCapture.d.ts +19 -0
- package/dist/esm/src/organisms/Consent/consentMock.d.ts +5 -0
- package/dist/esm/src/organisms/index.d.ts +1 -0
- package/dist/index.d.ts +65 -6
- package/package.json +1 -1
@@ -1,9 +1,9 @@
|
|
1
|
-
|
1
|
+
import { ReactNode } from 'react';
|
2
2
|
export declare type CheckBoxProps = {
|
3
3
|
value: boolean;
|
4
4
|
onClick: (value: boolean) => void;
|
5
5
|
disabled?: boolean;
|
6
6
|
error?: boolean;
|
7
|
-
label?: string;
|
7
|
+
label?: string | ReactNode;
|
8
8
|
};
|
9
9
|
export declare const Checkbox: ({ label, onClick, value, disabled, error }: CheckBoxProps) => JSX.Element;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare type RadioButtonType<T extends string = string> = {
|
3
|
+
id: T;
|
4
|
+
label?: string;
|
5
|
+
error?: boolean;
|
6
|
+
disabled?: boolean;
|
7
|
+
isRichText?: boolean;
|
8
|
+
};
|
9
|
+
export declare type RadioButtonsProps<T extends string> = {
|
10
|
+
isEditMode?: boolean;
|
11
|
+
onChange: (value: T) => void;
|
12
|
+
value: T;
|
13
|
+
isRow?: boolean;
|
14
|
+
items: RadioButtonType<T>[];
|
15
|
+
name: string;
|
16
|
+
};
|
17
|
+
export declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: RadioButtonsProps<T>) => JSX.Element;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import type { ComponentStory } from '@storybook/react';
|
3
|
+
import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
|
4
|
+
declare const _default: {
|
5
|
+
title: string;
|
6
|
+
component: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: import("./RadioButtons").RadioButtonsProps<T>) => JSX.Element;
|
7
|
+
};
|
8
|
+
export default _default;
|
9
|
+
export declare const RadioButtons: ComponentStory<typeof RadioButtonsComponent>;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { RadioButtonsProps } from 'atoms';
|
3
|
+
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
4
|
+
import { CSSProperties } from 'styled-components';
|
5
|
+
import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
|
6
|
+
export declare type RadioButtonFieldProps<T extends string> = {
|
7
|
+
name: string;
|
8
|
+
control?: Control<any>;
|
9
|
+
rules?: ControllerProps['rules'];
|
10
|
+
required?: boolean;
|
11
|
+
optional?: boolean;
|
12
|
+
defaultValue?: string;
|
13
|
+
styles?: CSSProperties;
|
14
|
+
radioButtonsProps: RadioButtonsProps<T>;
|
15
|
+
labelsProps?: FieldLabelsProps;
|
16
|
+
};
|
17
|
+
export declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import type { ComponentStory } from '@storybook/react';
|
3
|
+
import { RadioButtonField as RadioButtonFieldComponent } from './RadioButtonField';
|
4
|
+
declare const _default: {
|
5
|
+
title: string;
|
6
|
+
component: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: import("./RadioButtonField").RadioButtonFieldProps<T>) => JSX.Element;
|
7
|
+
};
|
8
|
+
export default _default;
|
9
|
+
export declare const RadioButtonField: ComponentStory<typeof RadioButtonFieldComponent>;
|
@@ -1,14 +1,17 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
+
import { ConsentProps } from 'organisms';
|
2
3
|
import type { Callback } from 'typescript';
|
3
4
|
import { UIFields } from '../../fieldsConfiguration';
|
4
5
|
export declare type AcquisitionFormProps<T extends object> = {
|
5
6
|
fields: UIFields<T>;
|
7
|
+
consents: ConsentProps[];
|
6
8
|
logoUrl: string;
|
7
9
|
isLoading?: boolean;
|
10
|
+
isSubmitDisabled?: boolean;
|
8
11
|
title: string;
|
9
12
|
description?: string;
|
10
13
|
buttonText?: string;
|
11
14
|
onSubmit: (values: T) => void;
|
12
15
|
onLinkButtonClick?: Callback;
|
13
16
|
};
|
14
|
-
export declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, onLinkButtonClick, isLoading, }: AcquisitionFormProps<T>) => JSX.Element;
|
17
|
+
export declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, onLinkButtonClick, isSubmitDisabled, consents, isLoading, }: AcquisitionFormProps<T>) => JSX.Element;
|
@@ -3,7 +3,7 @@ import { ComponentStory } from '@storybook/react';
|
|
3
3
|
import { AcquisitionForm as AcquisitionFormComponent } from './AcquisitionForm';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, onLinkButtonClick, isLoading, }: import("./AcquisitionForm").AcquisitionFormProps<T>) => JSX.Element;
|
6
|
+
component: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, onLinkButtonClick, isSubmitDisabled, consents, isLoading, }: import("./AcquisitionForm").AcquisitionFormProps<T>) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const AcquisitionForm: ComponentStory<typeof AcquisitionFormComponent>;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { CSSProperties } from 'styled-components';
|
3
|
+
import { ConsentCaptureProps } from './ConsentCapture';
|
4
|
+
export declare type ConsentProps<T extends string = string> = {
|
5
|
+
text: string;
|
6
|
+
isRequired?: boolean;
|
7
|
+
consentCaptureProps: ConsentCaptureProps<T>;
|
8
|
+
containerStyles?: CSSProperties;
|
9
|
+
clearStyles?: boolean;
|
10
|
+
};
|
11
|
+
export declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { ComponentStory } from '@storybook/react';
|
3
|
+
import { Consent as ConsentComponent } from './Consent';
|
4
|
+
declare const _default: {
|
5
|
+
title: string;
|
6
|
+
component: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: import("./Consent").ConsentProps<T>) => JSX.Element;
|
7
|
+
};
|
8
|
+
export default _default;
|
9
|
+
export declare const Consent: ComponentStory<typeof ConsentComponent>;
|
@@ -0,0 +1,19 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { ButtonProps, RadioButtonsProps } from 'atoms';
|
3
|
+
export declare type ButtonCaptureProps = {
|
4
|
+
type: 'button';
|
5
|
+
acceptButton: ButtonProps;
|
6
|
+
denyButton: ButtonProps;
|
7
|
+
};
|
8
|
+
export declare type RadioButtonsCaptureProps<T extends string> = {
|
9
|
+
type: 'radioButton';
|
10
|
+
acceptValue: T;
|
11
|
+
} & RadioButtonsProps<T>;
|
12
|
+
export declare type CheckboxCaptureProps = {
|
13
|
+
type: 'checkbox';
|
14
|
+
label: string;
|
15
|
+
value: boolean;
|
16
|
+
onChange: (value: boolean) => void;
|
17
|
+
};
|
18
|
+
export declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
|
19
|
+
export declare const ConsentCapture: <T extends string>(props: ConsentCaptureProps<T>) => JSX.Element;
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { ConsentCaptureProps } from 'organisms/Consent/ConsentCapture';
|
2
|
+
export declare const consentTextMock = "[{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Please read these terms and conditions (\\\"terms and conditions\\\", \\\"terms\\\") carefully before using [website URL] website (\u201Cwebsite\u201D, \\\"service\\\") operated by [company name] (\\\"us\\\", 'we\\\", \\\"our\\\").\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Conditions of use\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"By using this website, you certify that you have read and reviewed this Agreement and that you agree to comply with its terms. If you do not want to be bound by the terms of this Agreement, you are advised to stop using the website accordingly. [company name] only grants use and access of this website, its products, and its services to those who have accepted its terms.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Privacy policy\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Before you continue using our website, we advise you to read our privacy policy [link to privacy policy] regarding our user data collection. It will help you better understand our practices.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Age restriction\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"You must be at least 18 (eighteen) years of age before you can use this website. By using this website, you warrant that you are at least 18 years of age and you may legally adhere to this Agreement. [company name] assumes no responsibility for liabilities related to age misrepresentation.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Intellectual property\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"You agree that all materials, products, and services provided on this website are the property of [company name], its affiliates, directors, officers, employees, agents, suppliers, or licensors including all copyrights, trade secrets, trademarks, patents, and other intellectual property. You also agree that you will not reproduce or redistribute the [company name]\u2019s intellectual property in any way, including electronic, digital, or new trademark registrations.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"You grant [company name] a royalty-free and non-exclusive license to display, use, copy, transmit, and broadcast the content you upload and publish. For issues regarding intellectual property claims, you should contact the company in order to come to an agreement.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"User accounts\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"As a user of this website, you may be asked to register with us and provide private information. You are responsible for ensuring the accuracy of this information, and you are responsible for maintaining the safety and security of your identifying information. You are also responsible for all activities that occur under your account or password.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"If you think there are any possible issues regarding the security of your account on the website, inform us immediately so we may address them accordingly.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"We reserve all rights to terminate accounts, edit or remove content and cancel orders at our sole discretion.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Applicable law\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"By using this website, you agree that the laws of the [your location], without regard to principles of conflict laws, will govern these terms and conditions, or any dispute of any sort that might come between [company name] and you, or its business partners and associates.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Disputes\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Any dispute related in any way to your use of this website or to products you purchase from us shall be arbitrated by state or federal court [your location] and you consent to exclusive jurisdiction and venue of such courts.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Indemnification\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"You agree to indemnify [company name] and its affiliates and hold [company name] harmless against legal claims and demands that may arise from your use or misuse of our services. We reserve the right to select our own legal counsel.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Limitation on liability\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"[company name] is not liable for any damages that may occur to you as a result of your misuse of our website.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"[company name] reserves the right to edit, modify, and change this Agreement at any time. We shall let our users know of these changes through electronic mail. This Agreement is an understanding between [company name] and the user, and this supersedes and replaces all prior agreements regarding the use of this website.\"}]}]";
|
3
|
+
export declare const captureButtonPropsMock: ConsentCaptureProps;
|
4
|
+
export declare const captureCheckboxPropsMock: ConsentCaptureProps;
|
5
|
+
export declare const captureRadioButtonsPropsMock: ConsentCaptureProps;
|
package/dist/index.d.ts
CHANGED
@@ -15,10 +15,11 @@ import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
|
|
15
15
|
import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
|
16
16
|
import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
|
17
17
|
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
18
|
-
import { InputProps as InputProps$1 } from 'atoms';
|
18
|
+
import { InputProps as InputProps$1, RadioButtonsProps as RadioButtonsProps$1, ButtonProps as ButtonProps$1 } from 'atoms';
|
19
19
|
import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
|
20
20
|
import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState } from 'react-hook-form';
|
21
21
|
import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
|
22
|
+
import { ConsentProps as ConsentProps$1 } from 'organisms';
|
22
23
|
import { FooterAProps } from 'organisms/Footer/FooterA';
|
23
24
|
import { FooterBProps } from 'organisms/Footer/FooterB';
|
24
25
|
import { FooterCProps } from 'organisms/Footer/FooterC';
|
@@ -59,7 +60,7 @@ declare type CheckBoxProps = {
|
|
59
60
|
onClick: (value: boolean) => void;
|
60
61
|
disabled?: boolean;
|
61
62
|
error?: boolean;
|
62
|
-
label?: string;
|
63
|
+
label?: string | ReactNode;
|
63
64
|
};
|
64
65
|
declare const Checkbox: ({ label, onClick, value, disabled, error }: CheckBoxProps) => JSX.Element;
|
65
66
|
|
@@ -72,7 +73,7 @@ declare type SelectProps = {
|
|
72
73
|
onChange?: (value: string) => void;
|
73
74
|
placeholder?: string;
|
74
75
|
disabled?: boolean;
|
75
|
-
options
|
76
|
+
options?: SelectOption[];
|
76
77
|
isError?: boolean;
|
77
78
|
isEditMode?: boolean;
|
78
79
|
};
|
@@ -245,6 +246,23 @@ declare type RichTextEditorProps = Partial<{
|
|
245
246
|
}>;
|
246
247
|
declare const RichTextViewer: ({ value, color, textStyles, font, }: RichTextEditorProps) => JSX.Element | null;
|
247
248
|
|
249
|
+
declare type RadioButtonType<T extends string = string> = {
|
250
|
+
id: T;
|
251
|
+
label?: string;
|
252
|
+
error?: boolean;
|
253
|
+
disabled?: boolean;
|
254
|
+
isRichText?: boolean;
|
255
|
+
};
|
256
|
+
declare type RadioButtonsProps<T extends string> = {
|
257
|
+
isEditMode?: boolean;
|
258
|
+
onChange: (value: T) => void;
|
259
|
+
value: T;
|
260
|
+
isRow?: boolean;
|
261
|
+
items: RadioButtonType<T>[];
|
262
|
+
name: string;
|
263
|
+
};
|
264
|
+
declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: RadioButtonsProps<T>) => JSX.Element;
|
265
|
+
|
248
266
|
declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
|
249
267
|
declare type FieldLabelsProps = {
|
250
268
|
label: string;
|
@@ -288,7 +306,7 @@ declare type UIInputField = {
|
|
288
306
|
maxLength?: number;
|
289
307
|
};
|
290
308
|
declare type UISelectField = {
|
291
|
-
options
|
309
|
+
options?: SelectOption$1[];
|
292
310
|
};
|
293
311
|
declare type UICheckboxField = {
|
294
312
|
checkboxLabel?: string;
|
@@ -491,6 +509,19 @@ declare type EmphasizedTextProps = {
|
|
491
509
|
};
|
492
510
|
declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProps) => JSX.Element;
|
493
511
|
|
512
|
+
declare type RadioButtonFieldProps<T extends string> = {
|
513
|
+
name: string;
|
514
|
+
control?: Control<any>;
|
515
|
+
rules?: ControllerProps['rules'];
|
516
|
+
required?: boolean;
|
517
|
+
optional?: boolean;
|
518
|
+
defaultValue?: string;
|
519
|
+
styles?: CSSProperties;
|
520
|
+
radioButtonsProps: RadioButtonsProps$1<T>;
|
521
|
+
labelsProps?: FieldLabelsProps;
|
522
|
+
};
|
523
|
+
declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;
|
524
|
+
|
494
525
|
declare type SetPasswordRuleValidation = {
|
495
526
|
label: string;
|
496
527
|
rule: MaxRuleValidation | MinRuleValidation;
|
@@ -507,15 +538,17 @@ declare const SetPasswordForm: ({ logoUrl, fields, validations, onBack, onSubmit
|
|
507
538
|
|
508
539
|
declare type AcquisitionFormProps<T extends object> = {
|
509
540
|
fields: UIFields<T>;
|
541
|
+
consents: ConsentProps$1[];
|
510
542
|
logoUrl: string;
|
511
543
|
isLoading?: boolean;
|
544
|
+
isSubmitDisabled?: boolean;
|
512
545
|
title: string;
|
513
546
|
description?: string;
|
514
547
|
buttonText?: string;
|
515
548
|
onSubmit: (values: T) => void;
|
516
549
|
onLinkButtonClick?: Callback;
|
517
550
|
};
|
518
|
-
declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, onLinkButtonClick, isLoading, }: AcquisitionFormProps<T>) => JSX.Element;
|
551
|
+
declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, onSubmit, onLinkButtonClick, isSubmitDisabled, consents, isLoading, }: AcquisitionFormProps<T>) => JSX.Element;
|
519
552
|
|
520
553
|
declare type VerificationCodeForm = {
|
521
554
|
code: string;
|
@@ -635,6 +668,32 @@ declare type HeaderProps<T = string> = (HeaderAProps<T> & {
|
|
635
668
|
});
|
636
669
|
declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
|
637
670
|
|
671
|
+
declare type ButtonCaptureProps = {
|
672
|
+
type: 'button';
|
673
|
+
acceptButton: ButtonProps$1;
|
674
|
+
denyButton: ButtonProps$1;
|
675
|
+
};
|
676
|
+
declare type RadioButtonsCaptureProps<T extends string> = {
|
677
|
+
type: 'radioButton';
|
678
|
+
acceptValue: T;
|
679
|
+
} & RadioButtonsProps$1<T>;
|
680
|
+
declare type CheckboxCaptureProps = {
|
681
|
+
type: 'checkbox';
|
682
|
+
label: string;
|
683
|
+
value: boolean;
|
684
|
+
onChange: (value: boolean) => void;
|
685
|
+
};
|
686
|
+
declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
|
687
|
+
|
688
|
+
declare type ConsentProps<T extends string = string> = {
|
689
|
+
text: string;
|
690
|
+
isRequired?: boolean;
|
691
|
+
consentCaptureProps: ConsentCaptureProps<T>;
|
692
|
+
containerStyles?: CSSProperties;
|
693
|
+
clearStyles?: boolean;
|
694
|
+
};
|
695
|
+
declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
|
696
|
+
|
638
697
|
declare type DefaultTemplateProps = {
|
639
698
|
header: React.ReactNode;
|
640
699
|
banner?: React.ReactNode;
|
@@ -652,4 +711,4 @@ interface Helpers {
|
|
652
711
|
}
|
653
712
|
declare const useStep: (maxStep: number) => [number, Helpers];
|
654
713
|
|
655
|
-
export { AcquisitionForm, AcquisitionFormProps, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, ColumnItem, Columns, ColumnsProps, 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, 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 };
|
714
|
+
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 };
|