@apolitical/component-library 1.18.8 → 2.0.1-4125.5

package/communities/join-button/join-button.d.ts

@@ -13,5 +13,5 @@ export interface IJoinButtonProps {
     /** The language to use */
     locale?: string;
 }
-declare const JoinButton: ({ isMember: userIsMember, isShort, functions: { join, leave } }: IJoinButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const JoinButton: ({ isMember: userIsMember, isShort, functions: { join, leave }, }: IJoinButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default JoinButton;

package/context/user/index.d.ts

@@ -1,4 +1,4 @@
-export type { IUserDetails } from './user.context';
+export type { IUserContext, IUserDetails } from './user.context';
 export * from './user.context';
 export * from './user.hook';
 export * from './user.provider';

package/discussion/components/likes/likes.d.ts

@@ -26,7 +26,7 @@ interface Props {
     /** The language to use for the text */
     locale?: string;
 }
-declare const Likes: ({ element, likes, peopleWhoLiked, isShort, userLiked, content, canLike, functions: { createLike, deleteLike } }: Props) => React.DetailedReactHTMLElement<{
+declare const Likes: ({ element, likes, peopleWhoLiked, isShort, userLiked, content, canLike, functions: { createLike, deleteLike }, }: Props) => React.DetailedReactHTMLElement<{
     className: string;
     onClick: (e: React.MouseEvent<HTMLElement>) => false | undefined;
     onMouseEnter: () => void;

package/discussion/feeds/activities-feed/activities-feed.d.ts

@@ -1,12 +1,19 @@
 /// <reference types="react" />
 import type { IQueryFns } from './cache';
 interface Props {
+    /** The base path, used for slugs */
     basePath: string;
+    /** The ID of the parent, used for slugs */
     parentId: string;
+    /** Whether the user is a member of the community */
     isMember: boolean;
+    /** Functions for the activities query */
     functions: {
+        /** Query functions for the activities */
         activities: IQueryFns;
+        /** Function to join the community */
         join: () => Promise<void>;
+        /** Function to leave the community */
         leave: () => Promise<void>;
     };
 }

package/discussion/feeds/replies-feed/nested-replies-feed/nested-replies-feed.d.ts

@@ -1,11 +1,17 @@
 /// <reference types="react" />
 import type { IQueryFns } from './../cache';
 interface Props {
+    /** The base path, used for slugs */
     basePath: string;
+    /** The ID of the parent, used for slugs */
     parentId: string;
+    /** The ID of the activity the replies are for */
     activityId: string;
+    /** The ID of the reply the nested replies are for */
     replyId: string;
+    /** Whether the user is a member of the community */
     isMember: boolean;
+    /** Functions for the replies query */
     functions: IQueryFns;
 }
 declare const NestedRepliesFeed: React.FC<Props>;

package/discussion/feeds/replies-feed/replies-feed.d.ts

@@ -1,13 +1,21 @@
 /// <reference types="react" />
 import type { IQueryFns } from './cache';
 interface Props {
+    /** The base path, used for slugs */
     basePath: string;
+    /** The ID of the parent, used for slugs */
     parentId: string;
+    /** The ID of the activity the replies are for */
     activityId: string;
+    /** Whether the user is a member of the community */
     isMember: boolean;
+    /** Functions for the replies query */
     functions: {
+        /** Query functions for the replies */
         reactions: IQueryFns;
+        /** Function to join the community */
         join: () => Promise<void>;
+        /** Function to leave the community */
         leave: () => Promise<void>;
     };
 }

package/form/components/email-helper-text-box/email-helper-text-box.d.ts

@@ -10,5 +10,5 @@ interface Props {
     /** The language to use */
     locale?: string;
 }
-declare const EmailHelperTextBox: ({ type: content, email, redirectPath, resendVerificationCode }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const EmailHelperTextBox: ({ type: content, email, redirectPath, resendVerificationCode, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default EmailHelperTextBox;

package/form/components/form/components/field-wrapper/field-wrapper.d.ts

@@ -0,0 +1,3 @@
+import { IFieldWrapper } from '../../form.types';
+declare const FieldWrapper: ({ id, intlPath, className, error, functions, limit, showRequiredLabels, type, validation, value, ...props }: IFieldWrapper) => import("react/jsx-runtime").JSX.Element;
+export default FieldWrapper;

package/form/components/form/components/field-wrapper/index.d.ts

@@ -0,0 +1 @@
+export { default as FieldWrapper } from './field-wrapper';

package/form/components/form/components/fields/checkbox/checkbox.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { IField } from '../../../form.types';
+export declare const Checkbox: ({ className, disabled, element, functions: allFunctions, id, inputRef: ref, intlPath, label, shownValue: value, type, value: isChecked, ...props }: IField) => React.DOMElement<{
+    onBlur?: (() => void) | undefined;
+    onFocus?: (() => void) | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-invalid'?: boolean | undefined;
+    'aria-required'?: boolean | undefined;
+    autoComplete?: string | undefined;
+    component?: any;
+    'data-character-limit'?: number | undefined;
+    'data-testid'?: string | undefined;
+    gtm?: {
+        context?: string | undefined;
+        event?: string | undefined;
+    } | undefined;
+    initialValue?: import("../../../form.types").FormValues;
+    limit?: number | undefined;
+    multiSelect?: boolean | undefined;
+    name?: string | undefined;
+    options?: import("../../../form.types").IFieldOption[] | undefined;
+    placeholder?: string | undefined;
+    props?: {
+        [key: string]: string | boolean | React.RefObject<any> | (() => void);
+    } | undefined;
+    required?: boolean | undefined;
+    validation?: import("../../../form.types").IFieldValidation[] | undefined;
+    onClick: (e: React.MouseEvent<HTMLElement>) => void;
+    className: string;
+}, Element>;
+export default Checkbox;

package/form/components/form/components/fields/checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default as Checkbox } from './checkbox';

package/form/components/form/components/fields/dropdown-menu/components/index.d.ts

@@ -0,0 +1 @@
+export * from './rotating-chevron';

package/form/components/form/components/fields/dropdown-menu/components/rotating-chevron/index.d.ts

@@ -0,0 +1 @@
+export { default as RotatingChevron } from './rotating-chevron';

package/form/components/form/components/fields/dropdown-menu/components/rotating-chevron/rotating-chevron.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface IRotatingChevronProps {
+    direction: 'up' | 'down';
+}
+declare const RotatingChevron: import("react").NamedExoticComponent<IRotatingChevronProps>;
+export default RotatingChevron;

package/form/components/form/components/fields/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,3 @@
+import { IField } from '../../../../../../form/components/form/form.types';
+declare const DropdownMenu: ({ className, options, initialValue, value, functions: allFunctions, gtm: { context }, }: IField) => import("react/jsx-runtime").JSX.Element;
+export default DropdownMenu;

package/form/components/form/components/fields/dropdown-menu/index.d.ts

@@ -0,0 +1 @@
+export { default as DropdownMenu } from './dropdown-menu';

package/form/components/form/components/fields/index.d.ts

@@ -0,0 +1,5 @@
+export * from './input';
+export * from './checkbox';
+export * from './dropdown-menu';
+export * from './multiple-options';
+export * from './password';

package/form/components/form/components/fields/input/index.d.ts

@@ -0,0 +1 @@
+export { default as Input } from './input';

package/form/components/form/components/fields/input/input.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { IField, InputTypes, InputValues } from '../../../form.types';
+export declare const Input: ({ className, element, id, inputRef: ref, functions, name, placeholder, type, value, ...props }: IField) => React.DOMElement<{
+    onChange: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (() => void) | undefined;
+    onFocus?: (() => void) | undefined;
+    type: InputTypes;
+    id: string | undefined;
+    name: string | undefined;
+    className: string;
+    value: InputValues;
+    placeholder: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-invalid'?: boolean | undefined;
+    'aria-required'?: boolean | undefined;
+    autoComplete?: string | undefined;
+    component?: any;
+    'data-character-limit'?: number | undefined;
+    'data-testid'?: string | undefined;
+    disabled?: boolean | undefined;
+    gtm?: {
+        context?: string | undefined;
+        event?: string | undefined;
+    } | undefined;
+    initialValue?: import("../../../form.types").FormValues;
+    intlPath?: string | false | undefined;
+    label?: React.ReactNode;
+    limit?: number | undefined;
+    multiSelect?: boolean | undefined;
+    options?: import("../../../form.types").IFieldOption[] | undefined;
+    props?: {
+        [key: string]: string | boolean | React.RefObject<any> | (() => void);
+    } | undefined;
+    required?: boolean | undefined;
+    shownValue?: InputValues | undefined;
+    validation?: import("../../../form.types").IFieldValidation[] | undefined;
+    ref: React.RefObject<HTMLInputElement>;
+}, HTMLInputElement>;
+export default Input;

package/form/components/form/components/fields/multiple-options/index.d.ts

@@ -0,0 +1 @@
+export { default as MultipleOptions } from './multiple-options';

package/form/components/form/components/fields/multiple-options/multiple-options.d.ts

@@ -0,0 +1,3 @@
+import { IField } from '../../../form.types';
+export declare const MultipleOptions: ({ className, functions, intlPath, id: groupId, label, multiSelect, name, options, required, type, value, ...props }: IField) => import("react/jsx-runtime").JSX.Element;
+export default MultipleOptions;

package/form/components/form/components/fields/password/index.d.ts

@@ -0,0 +1 @@
+export { default as Password } from './password';

package/form/components/form/components/fields/password/password.d.ts

@@ -0,0 +1,3 @@
+import { IField } from '../../../form.types';
+export declare const Password: ({ inputRef: ref, type, gtm: { context }, ...props }: IField) => import("react/jsx-runtime").JSX.Element;
+export default Password;

package/form/components/form/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './fields';
+export { FieldWrapper } from './field-wrapper';

package/form/components/form/form.d.ts

@@ -0,0 +1,3 @@
+import { IFormProps } from './form.types';
+declare const Form: ({ fields, className, id: formId, formRef: ref, intlPath, button, meta: { shouldReset, showRequiredLabels }, gtm, functions: { onSuccess, onCatch, onFailure }, ...props }: IFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Form;

package/form/components/form/form.mocks.d.ts

@@ -0,0 +1,18 @@
+import { IField } from './form.types';
+export declare const text: {
+    test_checkbox_link: string;
+};
+export declare const intl: import("react-intl").IntlShape;
+export declare const messages: {
+    test_checkbox_link: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export declare const textToLimit = "abcdefghij";
+export declare const customValue = "Ahoy!";
+interface IMockFields {
+    [key: string]: IField;
+}
+export declare const fields: IMockFields;
+export default fields;

package/form/components/form/form.reducer.d.ts

@@ -0,0 +1,3 @@
+import { IFormReducerAction, IFormReducerState } from './form.types';
+declare const formReducer: (state: IFormReducerState, action: IFormReducerAction) => IFormReducerState;
+export default formReducer;

package/form/components/form/form.types.d.ts

@@ -0,0 +1,189 @@
+import { ButtonPropsType } from '../../../general';
+import { IReducerAction } from '../../../types';
+import React from 'react';
+import { IntlShape } from 'react-intl';
+export type InputValues = string | number | boolean | null;
+export type MultipleInputValues = InputValues[];
+export type FormValues = InputValues | MultipleInputValues | undefined;
+export type InputTypes = 'text' | 'textarea' | 'email' | 'checkbox' | 'select' | 'radio' | 'password';
+export interface ILabel {
+    /** The element to be used, defaulting to `label` */
+    element?: string;
+    /** The ID of the input to be labelled */
+    htmlFor?: string;
+}
+export type FormActionTypes = 'addError' | 'formSubmitted' | 'formSubmittedAndReset' | 'removeError' | 'submitForm' | 'toggleSubmitting' | 'updateValue';
+export type FieldValidationConditions = boolean | 'no-numbers' | 'required' | 'valid-email' | 'valid-url' | 'custom-validation' | ((arg: IFormValues) => boolean);
+export interface IFieldOption {
+    /** The ID of the option */
+    id: string;
+    /** The label text of the option */
+    label: string | React.ReactNode;
+    /** The value of the option */
+    value?: InputValues;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+}
+export type PayloadValues = InputValues | MultipleInputValues | (() => void) | string | boolean;
+export interface IFormPayload {
+    /** The key of the data to update in state */
+    key?: string | number;
+    /** The value of the data to update in state */
+    value?: PayloadValues;
+    /** An array describing the fields for the form */
+    fields?: IField[];
+    /** The dispatch function to update the form state */
+    dispatch?: React.Dispatch<IFormReducerAction>;
+    /** The internationalisation object */
+    intl?: IntlShape;
+    /** Function to call when everything succeeds */
+    onSuccess?: (arg: IFormValues) => void;
+    /** Function to call when something fails */
+    onFailure?: (arg: IFormValues) => void;
+}
+export interface IFormReducerAction extends IReducerAction<IFormPayload> {
+}
+export interface IFormReducerState {
+    'custom-validation'?: string | boolean;
+    errors?: {
+        [key: string]: (() => void) | FormValues;
+    };
+    formSubmitted: boolean;
+    isSubmitting: boolean;
+    values?: IFormValues;
+}
+export interface IFormValues {
+    [key: string]: FormValues;
+}
+export interface IFieldValidation {
+    condition: FieldValidationConditions;
+    error?: string;
+}
+export interface IField {
+    /** Optional ID of the element which describes this field, for screen readers */
+    'aria-describedby'?: string;
+    /** Optional data for screen readers on if the field content is invalid */
+    'aria-invalid'?: boolean;
+    /** Optional data for screen readers on if the field is required */
+    'aria-required'?: boolean;
+    /** Whether the field can be automatically filled */
+    autoComplete?: string;
+    /** Additional classes to be added to the field */
+    className?: string;
+    /** The component to render, instead of rendering a field (e.g. for when we need a component like `EmailHelperTextBox` in the middle of a form). Please specify props when passing in. */
+    component?: any;
+    /** The data attribute describing the character limit of the field */
+    'data-character-limit'?: number;
+    /** The test ID of the field, for Jest */
+    'data-testid'?: string;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** What element to render the field as, defaulting to `input` */
+    element?: string;
+    /** The functions being passed to the field */
+    functions?: {
+        /** The function to call when the field changes */
+        onChange: (arg1: FormValues, arg2?: ({ type, payload, }: {
+            type: string;
+            payload?: {
+                [key: string]: string | boolean;
+            };
+        }) => void) => void;
+        /** The function to call when the field is blurred */
+        onBlur?: () => void;
+        /** The function to call when the field is focused */
+        onFocus?: () => void;
+    };
+    /** The Google Tag Manager data to be passed to the field */
+    gtm?: {
+        /** The context of the event for GTM */
+        context?: string;
+        /** The event description for GTM */
+        event?: string;
+    };
+    /** The ID of the field */
+    id?: string;
+    /** The initial value of the field, for dropdown fields */
+    initialValue?: FormValues;
+    /** An optional `ref` for the field, in case we need to interact with it in another file */
+    inputRef?: React.RefObject<HTMLInputElement>;
+    /** The internationalisation path for the field */
+    intlPath?: string | false;
+    /** The label for the field */
+    label?: string | React.ReactNode;
+    /** An optional character limit, for textareas */
+    limit?: number;
+    /** Whether the field can have multiple values, for checkboxes */
+    multiSelect?: boolean;
+    /** The name of the field */
+    name?: string;
+    /** The options for the field, for checkboxes and dropdowns */
+    options?: IFieldOption[];
+    /** The placeholder text for the field */
+    placeholder?: string;
+    /** Additional props to be passed to the field */
+    props?: {
+        [key: string]: string | boolean | (() => void) | React.RefObject<any>;
+    };
+    /** Whether the field is required */
+    required?: boolean;
+    /** The selected value for checkboxes */
+    shownValue?: InputValues;
+    /** The type of the input */
+    type?: InputTypes | 'checkboxes';
+    /** The validation for the field */
+    validation?: IFieldValidation[];
+    /** The value of the field */
+    value?: FormValues;
+}
+export interface FormButtonPropsType extends ButtonPropsType {
+    /** A custom component to render when the form is submitting */
+    customOnSubmit?: React.ReactNode | false;
+    /** The text to show on the button */
+    text?: string;
+}
+export interface IFormProps {
+    /** The button to render at the bottom of the form */
+    button?: FormButtonPropsType;
+    /** The classes to add to the form */
+    className?: string;
+    /** The fields to render in the form */
+    fields: IField[];
+    /** An optional `ref` for the form, in case we need to interact with it in another file */
+    formRef?: React.RefObject<HTMLFormElement>;
+    /** The functions being passed to the form */
+    functions: {
+        /** The function to call when onSuccess fails */
+        onCatch?: (error?: unknown) => void;
+        /** The function to call when the form submission fails */
+        onFailure?: (arg: IFormValues) => void;
+        /** The function to call when the form is successfully submitted */
+        onSuccess?: (arg: IFormValues) => Promise<void>;
+    };
+    /** The Google Tag Manager data to be passed to the field */
+    gtm?: {
+        /** The context of the event for GTM */
+        context?: string;
+        /** The event description for GTM */
+        event?: string;
+    };
+    /** The id of the form */
+    id: string;
+    /** The internationalisation path for text in the form */
+    intlPath?: string | false;
+    /** Data about the form */
+    meta?: {
+        /** Whether the form should reset after submission */
+        shouldReset?: boolean;
+        /** Whether the form should show required labels */
+        showRequiredLabels?: boolean;
+    };
+}
+export interface IFieldWrapper extends IField {
+    /** The error to show */
+    error: string;
+    /** Whether the field wrapper should show required labels */
+    showRequiredLabels?: boolean;
+    /** The value of the field */
+    value?: FormValues;
+}

package/form/components/form/index.d.ts

@@ -0,0 +1 @@
+export { default as Form } from './form';

package/form/components/index.d.ts

@@ -1,3 +1,4 @@
 export * from './email-helper-text-box';
+export * from './form';
 export * from './password-rules';
 export * from './rating';

package/form/components/password-rules/password-rules.d.ts

@@ -12,5 +12,5 @@ interface Props {
     /** The language to use for the text */
     locale?: string;
 }
-declare const _default: React.MemoExoticComponent<({ matchingRules, className }: Props) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ matchingRules, className, }: Props) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/form/components/rating/rating.d.ts

@@ -27,5 +27,5 @@ interface Props {
     /** The language to use for the text */
     locale?: string;
 }
-declare const Rating: ({ text: textProp, topRating, functions: { createRating, updateRating, reportError }, className, hasLoaded, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Rating: ({ text: textProp, topRating, functions: { createRating, updateRating, reportError, }, className, hasLoaded, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Rating;

package/form/types/contact-form/contact-form.d.ts

@@ -0,0 +1,12 @@
+interface IContactFormProps {
+    gtm?: {
+        context?: string;
+        event?: string;
+    };
+    functions: {
+        onSuccess?: () => Promise<void>;
+        onFailure?: () => void;
+    };
+}
+declare const ContactForm: ({ gtm, functions: { onSuccess, onFailure }, }: IContactFormProps) => import("react/jsx-runtime").JSX.Element;
+export default ContactForm;

package/form/types/contact-form/index.d.ts

@@ -0,0 +1 @@
+export { default as ContactForm } from './contact-form';

package/form/types/index.d.ts

@@ -1,2 +1,4 @@
-export * from './search-form';
+export * from './contact-form';
 export * from './invite-form';
+export * from './search-form';
+export * from './signup-form';

package/form/types/signup-form/components/index.d.ts

@@ -0,0 +1 @@
+export { default as SuccessMessage } from './success-message';

package/form/types/signup-form/components/success-message.d.ts

@@ -0,0 +1,4 @@
+declare const SuccessMessageComponent: ({ className }: {
+    className?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SuccessMessageComponent;

package/form/types/signup-form/index.d.ts

@@ -0,0 +1 @@
+export { default as SignupForm } from './signup-form';

package/form/types/signup-form/signup-form.d.ts

@@ -0,0 +1,25 @@
+interface ISignupForm {
+    className?: string;
+    functions: {
+        validateEmail: () => Promise<any>;
+        createAccount: (arg: any) => Promise<any>;
+        onSuccess?: () => void;
+        handleError: (error: string) => void;
+        /** Callback function to resend verification code (used when user already signed up but not verified) */
+        resendVerificationCode: () => void;
+    };
+    shouldShow: {
+        title?: boolean;
+        expectation: boolean;
+        url?: boolean;
+        logInButton: boolean;
+        successMessage?: boolean;
+    };
+    dataToSubmit: {
+        [key: string]: string;
+    };
+    submitButton: string;
+    showSuccessMessage?: boolean;
+}
+declare const SignupForm: ({ className, functions, shouldShow, submitButton, dataToSubmit, ...props }: ISignupForm) => import("react/jsx-runtime").JSX.Element;
+export default SignupForm;

package/form/types/signup-form/signup-form.helpers.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { IFormReducerAction } from '../../../form/components/form/form.types';
+import ReCAPTCHA from 'react-google-recaptcha';
+interface IBlurEmailField {
+    ref: React.MutableRefObject<HTMLInputElement>;
+    validateEmail: (email: string) => Promise<any>;
+    dispatch: (arg: IFormReducerAction[]) => void;
+}
+declare const blurEmailField: ({ ref, validateEmail, dispatch }: IBlurEmailField) => Promise<void>;
+declare const transformFormData: (formData: FormData) => {
+    name: FormDataEntryValue;
+    email: string;
+    jobTitle: FormDataEntryValue;
+    organization: FormDataEntryValue;
+    bioLink: FormDataEntryValue;
+    optIn: boolean;
+    expectation: FormDataEntryValue;
+    page: string;
+    'g-recaptcha-response': FormDataEntryValue;
+};
+interface IHandleDataProps {
+    refs: {
+        email: React.MutableRefObject<HTMLInputElement>;
+        form?: React.MutableRefObject<HTMLFormElement>;
+        hiddenValidation?: React.MutableRefObject<HTMLButtonElement>;
+        jobTitle: React.MutableRefObject<HTMLInputElement>;
+        name: React.MutableRefObject<HTMLInputElement>;
+        organisation: React.MutableRefObject<HTMLInputElement>;
+        recaptcha: React.MutableRefObject<ReCAPTCHA>;
+        tc: React.MutableRefObject<HTMLInputElement>;
+    };
+    dataToSubmit: {
+        [key: string]: string;
+    };
+    createAccount: (arg: any) => Promise<any>;
+    onSuccess?: (arg: any) => void;
+    dispatch: (arg: any) => void;
+    state: any;
+}
+declare const handleData: ({ refs, dataToSubmit, createAccount, onSuccess, dispatch, state, }: IHandleDataProps) => Promise<void>;
+export { blurEmailField, transformFormData, handleData };

package/form/types/signup-form/signup-form.helpers.get-fields.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import ReCAPTCHA from 'react-google-recaptcha';
+import { IField } from '../../../form/components/form/form.types';
+interface Props {
+    shouldShow: {
+        title?: boolean;
+        expectation: boolean;
+        url?: boolean;
+        logInButton: boolean;
+        successMessage?: boolean;
+    };
+    functions: {
+        validateEmail: (arg: any) => Promise<any>;
+        createAccount: (arg: any) => Promise<any>;
+        onSuccess?: (arg: any) => void;
+        handleError: (arg: any) => void;
+        resendVerificationCode: (arg?: any) => void;
+    };
+    refs: {
+        name: React.MutableRefObject<HTMLInputElement>;
+        email: React.MutableRefObject<HTMLInputElement>;
+        jobTitle: React.MutableRefObject<HTMLInputElement>;
+        organisation: React.MutableRefObject<HTMLInputElement>;
+        recaptcha: React.MutableRefObject<ReCAPTCHA>;
+        tc: React.MutableRefObject<HTMLInputElement>;
+        form?: React.MutableRefObject<HTMLFormElement>;
+    };
+    state: {
+        validFields: {
+            name: boolean;
+            email: boolean;
+            jobTitle: boolean;
+            organisation: boolean;
+        };
+        emailDetails: {
+            email: string;
+            isEnd2End: boolean;
+            boxType: string;
+        };
+        shouldManuallyApprove: boolean;
+        loadRecaptcha: boolean;
+    };
+    dispatch: React.Dispatch<any>;
+    dataToSubmit: {
+        [key: string]: string;
+    };
+    intl: {
+        formatMessage: (arg: {
+            [key: string]: string;
+        }, arg2?: {
+            [key: string]: (arg: string) => React.ReactNode;
+        }) => string;
+    };
+}
+declare const _default: ({ shouldShow, functions: { validateEmail, createAccount, onSuccess, handleError, resendVerificationCode, }, refs, state, dispatch, dataToSubmit, intl, }: Props) => IField[];
+export default _default;