@sheerid/jslib 1.106.0 → 1.107.0

package/src/components/FieldLabel.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
 interface FieldLabelProps {
-    text: JSX.Element | string | React.ReactNode;
+    text: React.ReactNode;
     htmlForLabel: string;
     id?: string;
     displayClasses?: string;
     isRequired?: boolean;
-    children?: JSX.Element | any;
+    children?: React.ReactNode;
 }
 export declare const FieldLabel: React.FC<FieldLabelProps>;
 export {};

package/src/components/FormFields/Address/AddressComponent.d.ts

@@ -1,11 +1,7 @@
 /// <reference types="react-intl" />
 import React from "react";
 import { FormFieldComponentProps } from "../../../lib/types/types";
-interface PassedProps {
-    onKeyDown?: Function;
-}
-export declare const Address: ({ value, isErrored, onChange, intl, onKeyDown, placeholder, }: FormFieldComponentProps & PassedProps) => JSX.Element;
-export declare const AddressComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
-    WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & PassedProps & ReactIntl.InjectedIntlProps>;
+export declare const Address: ({ value, isErrored, onChange, intl, isRequired, onKeyDown, placeholder, }: FormFieldComponentProps) => JSX.Element;
+export declare const AddressComponent: React.ComponentClass<Pick<FormFieldComponentProps<any>, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
+    WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & ReactIntl.InjectedIntlProps>;
 };
-export {};

package/src/components/FormFields/BirthDate/BirthDateComponent.d.ts

@@ -7,6 +7,6 @@ export declare const BirthDate: {
         value: string;
     };
 };
-export declare const BirthDateComponent: React.ComponentClass<Pick<FormFieldComponentProps<any>, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const BirthDateComponent: React.ComponentClass<Pick<FormFieldComponentProps<any>, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & InjectedIntlProps>;
 };

package/src/components/FormFields/BranchOfService/BranchOfServiceComponent.d.ts

@@ -5,7 +5,7 @@ interface BranchOfServiceComponentProps {
     organizations: Organization[];
 }
 export declare const BranchOfService: ({ autoFocus, onChange, value, isErrored, organizations, verificationService, intl, placeholder, }: FormFieldComponentProps & VerificationServiceProps & BranchOfServiceComponentProps) => JSX.Element;
-export declare const BranchOfServiceComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps & BranchOfServiceComponentProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService" | "organizations">, any> & {
+export declare const BranchOfServiceComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps & BranchOfServiceComponentProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService" | "organizations">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & VerificationServiceProps & BranchOfServiceComponentProps & ReactIntl.InjectedIntlProps>;
 };
 export {};

package/src/components/FormFields/ChangeLocale/ChangeLocaleComponent.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { InjectedIntlProps } from "react-intl";
 import { InputSelectComponentProps } from "../../../lib/types/types";
-export declare const ChangeLocaleComponent: React.ComponentClass<Pick<InputSelectComponentProps, "label" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "options">, any> & {
+export declare const ChangeLocaleComponent: React.ComponentClass<Pick<InputSelectComponentProps, "label" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "isRequired" | "options">, any> & {
     WrappedComponent: React.ComponentType<InputSelectComponentProps & InjectedIntlProps>;
 };

package/src/components/FormFields/City/City.d.ts

@@ -5,8 +5,8 @@ interface PassedProps {
     explanation?: string | JSX.Element;
     onKeyDown?: Function;
 }
-export declare const City: ({ value, isErrored, onChange, intl, onKeyDown, placeholder, }: FormFieldComponentProps & PassedProps) => JSX.Element;
-export declare const CityComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService" | "explanation">, any> & {
+export declare const City: ({ value, isErrored, onChange, intl, isRequired, onKeyDown, placeholder, }: FormFieldComponentProps & PassedProps) => JSX.Element;
+export declare const CityComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService" | "explanation">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & PassedProps & ReactIntl.InjectedIntlProps>;
 };
 export {};

package/src/components/FormFields/CollegeName/CollegeNameComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { FormFieldComponentProps, VerificationServiceProps } from "../../../lib/types/types";
 export declare const CollegeName: ({ onChange, value, isErrored, verificationService, intl, placeholder, isRequired, }: FormFieldComponentProps & VerificationServiceProps) => JSX.Element;
-export declare const CollegeNameComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const CollegeNameComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & VerificationServiceProps & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/Company/CompanyComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { FormFieldComponentProps, VerificationServiceProps } from "../../../lib/types/types";
 export declare const Company: ({ onChange, value, isErrored, verificationService, intl, placeholder, }: FormFieldComponentProps & VerificationServiceProps) => JSX.Element;
-export declare const CompanyComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const CompanyComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & VerificationServiceProps & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/Country/CountryComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { InputSelectComponentProps } from "../../../lib/types/types";
 export declare const Country: ({ value, isErrored, options, onChange, onKeyDown, intl, placeholder, isRequired, }: InputSelectComponentProps) => JSX.Element;
-export declare const CountryComponent: React.ComponentClass<Pick<InputSelectComponentProps, "label" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "options">, any> & {
+export declare const CountryComponent: React.ComponentClass<Pick<InputSelectComponentProps, "label" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "isRequired" | "options">, any> & {
     WrappedComponent: React.ComponentType<InputSelectComponentProps & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/DischargeDate/DischargeDateComponent.d.ts

@@ -7,6 +7,6 @@ export declare const DischargeDate: {
         value: string;
     };
 };
-export declare const DischargeDateComponent: React.ComponentClass<Pick<FormFieldComponentProps<any>, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const DischargeDateComponent: React.ComponentClass<Pick<FormFieldComponentProps<any>, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & InjectedIntlProps>;
 };

package/src/components/FormFields/DriverLicenseNumber/DriverLicenseNumberComponent.d.ts

@@ -5,7 +5,7 @@ interface PassedProps {
     explanation?: string | JSX.Element;
 }
 export declare const DriverLicenseNumber: ({ value, isErrored, onChange, explanation, intl, placeholder, isRequired, }: FormFieldComponentProps & PassedProps) => JSX.Element;
-export declare const DriverLicenseNumberComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService" | "explanation">, any> & {
+export declare const DriverLicenseNumberComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService" | "explanation">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & PassedProps & ReactIntl.InjectedIntlProps>;
 };
 export {};

package/src/components/FormFields/Email/EmailComponent.d.ts

@@ -6,7 +6,7 @@ interface PassedProps {
     onKeyDown?: Function;
 }
 export declare const Email: ({ value, isErrored, onChange, explanation, intl, onKeyDown, placeholder, }: FormFieldComponentProps & PassedProps) => JSX.Element;
-export declare const EmailComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService" | "explanation">, any> & {
+export declare const EmailComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService" | "explanation">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & PassedProps & ReactIntl.InjectedIntlProps>;
 };
 export {};

package/src/components/FormFields/FirstName/FirstNameComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { FormFieldComponentProps } from "../../../lib/types/types";
 export declare const FirstName: ({ value, isErrored, onChange, intl, placeholder, }: FormFieldComponentProps) => JSX.Element;
-export declare const FirstNameComponent: React.ComponentClass<Pick<FormFieldComponentProps<any>, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const FirstNameComponent: React.ComponentClass<Pick<FormFieldComponentProps<any>, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/FirstResponderOrganization/FirstResponderOrganizationComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { FormFieldComponentProps, VerificationServiceProps } from "../../../lib/types/types";
 export declare const FirstResponderOrganization: ({ onChange, value, isErrored, verificationService, intl, placeholder, }: FormFieldComponentProps & VerificationServiceProps) => JSX.Element;
-export declare const FirstResponderOrganizationComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const FirstResponderOrganizationComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & VerificationServiceProps & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/FirstResponderStatus/FirstResponderStatusComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { InputSelectComponentProps } from "../../../lib/types/types";
 export declare const FirstResponderStatus: ({ value, isErrored, options, onChange, placeholder, intl, onKeyDown, }: InputSelectComponentProps) => JSX.Element;
-export declare const FirstResponderStatusComponent: React.ComponentClass<Pick<InputSelectComponentProps, "label" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "options">, any> & {
+export declare const FirstResponderStatusComponent: React.ComponentClass<Pick<InputSelectComponentProps, "label" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "isRequired" | "options">, any> & {
     WrappedComponent: React.ComponentType<InputSelectComponentProps & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/FormFieldCustom/FormFieldCustom.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { InjectedIntl } from "react-intl";
+import { FormFieldConfig, VerificationService } from "../../../lib/types/types";
+export interface FormFieldCustomProps {
+    config: FormFieldConfig;
+    verificationService: VerificationService;
+    intl: InjectedIntl;
+}
+export declare const getMessageIdForLabel: (config: FormFieldConfig) => string;
+export declare const getMessageIdForPlaceholder: (config: FormFieldConfig) => string;
+/**
+ * Custom form field component.
+ * Implementors can render a form field passing in config using setOptions, rather than
+ * having to create an entire React project and override component(s).
+ */
+export declare const FormFieldCustom: React.ComponentClass<Pick<FormFieldCustomProps, "verificationService" | "config">, any> & {
+    WrappedComponent: React.ComponentType<FormFieldCustomProps & ReactIntl.InjectedIntlProps>;
+};

package/src/components/FormFields/FormFieldCustom/FormFieldCustom.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/src/components/FormFields/FormFieldLayout/FormFieldLayout.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface FormFieldLayoutProps {
+    fieldId: string;
+    label: React.ReactNode;
+    isRequired: boolean;
+    showPlaceholderAndHideLabel?: boolean;
+    errorMessage?: React.ReactNode;
+    children?: React.ReactNode;
+}
+/**
+ * In the JSLIB, a FormField has a label, inline error message, and children like a text input
+ * This component provides consistent structure, classnames and some accessibility considerations for all FormFields
+ */
+export declare const FormFieldLayout: ({ fieldId, label, errorMessage, isRequired, showPlaceholderAndHideLabel, children, }: FormFieldLayoutProps) => JSX.Element;

package/src/components/FormFields/FormFieldText/FormFieldText.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { InputTextProps } from "../../FormInputs/InputText/InputText";
+export interface FormFieldTextComponentProps extends Omit<InputTextProps, "onChange" | "id" | "errorId" | "isErrored"> {
+    fieldId: string;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder: string;
+    label: React.ReactNode;
+    showPlaceholderAndHideLabel?: boolean;
+    errorMessage?: React.ReactNode;
+}
+/**
+ * Generic text field component.
+ * In the JSLIB, a field has a label, inline error message, and an input of some kind.
+ */
+export declare const FormFieldText: ({ fieldId, value, onChange, placeholder, label, errorMessage, showPlaceholderAndHideLabel, required, ...inputTextProps }: FormFieldTextComponentProps) => JSX.Element;
+export declare const FormFieldTextComponent: ({ fieldId, value, onChange, placeholder, label, errorMessage, showPlaceholderAndHideLabel, required, ...inputTextProps }: FormFieldTextComponentProps) => JSX.Element;

package/src/components/FormFields/FormFieldText/FormFieldText.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/src/components/FormFields/LastName/LastNameComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { FormFieldComponentProps } from "../../../lib/types/types";
 export declare const LastName: ({ value, isErrored, onChange, intl, placeholder, }: FormFieldComponentProps) => JSX.Element;
-export declare const LastNameComponent: React.ComponentClass<Pick<FormFieldComponentProps<any>, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const LastNameComponent: React.ComponentClass<Pick<FormFieldComponentProps<any>, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { FormFieldComponentProps, VerificationServiceProps } from "../../../lib/types/types";
 export declare const LicensedProfessionalOrganization: ({ value, isErrored, onChange, verificationService, intl, placeholder, }: FormFieldComponentProps & VerificationServiceProps) => JSX.Element;
-export declare const LicensedProfessionalOrganizationComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const LicensedProfessionalOrganizationComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & VerificationServiceProps & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/LowIncomeOrganization/LowIncomeOrganizationComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { FormFieldComponentProps, VerificationServiceProps } from "../../../lib/types/types";
 export declare const LowIncomeOrganization: ({ value, isErrored, onChange, verificationService, intl, placeholder, }: FormFieldComponentProps & VerificationServiceProps) => JSX.Element;
-export declare const LowIncomeOrganizationComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const LowIncomeOrganizationComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & VerificationServiceProps & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/MedicalProfessionalOrganization/MedicalProfessionalOrganizationComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { FormFieldComponentProps, VerificationServiceProps } from "../../../lib/types/types";
 export declare const MedicalProfessionalOrganization: ({ onChange, value, isErrored, verificationService, intl, placeholder, }: FormFieldComponentProps & VerificationServiceProps) => JSX.Element;
-export declare const MedicalProfessionalOrganizationComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const MedicalProfessionalOrganizationComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & VerificationServiceProps & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/MedicalStatus/MedicalStatusComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { InputSelectComponentProps } from "../../../lib/types/types";
 export declare const MedicalStatus: ({ value, isErrored, options, onChange, intl, placeholder, onKeyDown, }: InputSelectComponentProps) => JSX.Element;
-export declare const MedicalStatusComponent: React.ComponentClass<Pick<InputSelectComponentProps, "label" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "options">, any> & {
+export declare const MedicalStatusComponent: React.ComponentClass<Pick<InputSelectComponentProps, "label" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "isRequired" | "options">, any> & {
     WrappedComponent: React.ComponentType<InputSelectComponentProps & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/MemberId/MemberIdComponent.d.ts

@@ -6,7 +6,7 @@ interface PassedProps {
     label?: JSX.Element;
 }
 export declare const MemberId: ({ value, isErrored, onChange, explanation, intl, placeholder, isRequired, label, }: FormFieldComponentProps & PassedProps) => JSX.Element;
-export declare const MemberIdComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "label" | "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService" | "explanation">, any> & {
+export declare const MemberIdComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "label" | "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService" | "explanation">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & PassedProps & ReactIntl.InjectedIntlProps>;
 };
 export {};

package/src/components/FormFields/MembershipOrganization/MembershipOrganizationComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { FormFieldComponentProps, VerificationServiceProps } from "../../../lib/types/types";
 export declare const MembershipOrganization: ({ value, isErrored, onChange, verificationService, intl, placeholder, }: FormFieldComponentProps & VerificationServiceProps) => JSX.Element;
-export declare const MembershipOrganizationComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const MembershipOrganizationComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & VerificationServiceProps & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/MilitaryStatus/MilitaryStatusComponent.d.ts

@@ -2,6 +2,6 @@ import React from "react";
 import { InjectedIntlProps } from "react-intl";
 import { InputSelectComponentProps } from "../../../lib/types/types";
 export declare const MilitaryStatus: ({ value, isErrored, options, onChange, intl, placeholder, }: InputSelectComponentProps & InjectedIntlProps) => JSX.Element;
-export declare const MilitaryStatusComponent: React.ComponentClass<Pick<InputSelectComponentProps, "label" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "options">, any> & {
+export declare const MilitaryStatusComponent: React.ComponentClass<Pick<InputSelectComponentProps, "label" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "isRequired" | "options">, any> & {
     WrappedComponent: React.ComponentType<InputSelectComponentProps & InjectedIntlProps>;
 };

package/src/components/FormFields/PhoneNumber/PhoneNumberComponent.d.ts

@@ -12,7 +12,7 @@ interface PhoneNumberProps {
     internationalSupport?: boolean;
     selectedCountryCode?: string;
 }
-export declare const PhoneNumberComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PhoneNumberProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService" | "explanation" | "onCarrierConsentChange" | "displaySmsConsent" | "requireCarrierConsent" | "carrierConsent" | "internationalSupport" | "selectedCountryCode">, any> & {
+export declare const PhoneNumberComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PhoneNumberProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService" | "explanation" | "onCarrierConsentChange" | "displaySmsConsent" | "requireCarrierConsent" | "carrierConsent" | "internationalSupport" | "selectedCountryCode">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & PhoneNumberProps & ReactIntl.InjectedIntlProps>;
 };
 export {};

package/src/components/FormFields/SMSCode/SMSCodeComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { FormFieldComponentProps } from "../../../lib/types/types";
 export declare const SMSCode: ({ onChange, value, isErrored, errorId, intl, placeholder, }: FormFieldComponentProps) => JSX.Element;
-export declare const SMSCodeComponent: React.ComponentClass<Pick<FormFieldComponentProps<any>, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const SMSCodeComponent: React.ComponentClass<Pick<FormFieldComponentProps<any>, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/SSN/SSN.d.ts

@@ -6,7 +6,7 @@ interface PassedProps {
     label?: React.ReactNode;
 }
 export declare const SocialSecurity: ({ value, isErrored, onChange, intl, explanation, placeholder, isRequired, label, }: FormFieldComponentProps & PassedProps) => JSX.Element;
-export declare const SocialSecurityNumber: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "label" | "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService" | "explanation">, any> & {
+export declare const SocialSecurityNumber: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "label" | "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService" | "explanation">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & PassedProps & ReactIntl.InjectedIntlProps>;
 };
 export {};

package/src/components/FormFields/State/State.d.ts

@@ -6,7 +6,7 @@ interface PassedProps {
     onKeyDown?: Function;
 }
 export declare const State: ({ value, isErrored, onChange, intl, onKeyDown, placeholder, }: FormFieldComponentProps & PassedProps) => JSX.Element;
-export declare const StateComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService" | "explanation">, any> & {
+export declare const StateComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & PassedProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService" | "explanation">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & PassedProps & ReactIntl.InjectedIntlProps>;
 };
 export {};

package/src/components/FormFields/State/StateSelectComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { InputSelectComponentProps } from "../../../lib/types/types";
 export declare const StateSelect: ({ value, isErrored, options, onChange, onKeyDown, intl, placeholder, label, isRequired, }: InputSelectComponentProps) => JSX.Element;
-export declare const StateSelectComponent: React.ComponentClass<Pick<InputSelectComponentProps, "label" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "options">, any> & {
+export declare const StateSelectComponent: React.ComponentClass<Pick<InputSelectComponentProps, "label" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "isRequired" | "options">, any> & {
     WrappedComponent: React.ComponentType<InputSelectComponentProps & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormFields/Status/StatusComponent.d.ts

@@ -5,7 +5,7 @@ interface StatusComponentProps extends InputSelectComponentProps {
     segmentId: string;
 }
 export declare const Status: ({ value, isErrored, options, onChange, intl, placeholder, onKeyDown, segmentId, }: StatusComponentProps) => JSX.Element;
-export declare const StatusComponent: React.ComponentClass<Pick<StatusComponentProps, "label" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "options" | "segmentId">, any> & {
+export declare const StatusComponent: React.ComponentClass<Pick<StatusComponentProps, "label" | "isErrored" | "onChange" | "onKeyDown" | "placeholder" | "value" | "isRequired" | "options" | "segmentId">, any> & {
     WrappedComponent: React.ComponentType<StatusComponentProps & ReactIntl.InjectedIntlProps>;
 };
 export {};

package/src/components/FormFields/TeacherSchool/TeacherSchoolComponent.d.ts

@@ -2,6 +2,6 @@
 import React from "react";
 import { FormFieldComponentProps, VerificationServiceProps } from "../../../lib/types/types";
 export declare const TeacherSchool: ({ value, isErrored, onChange, verificationService, intl, placeholder, }: FormFieldComponentProps & VerificationServiceProps) => JSX.Element;
-export declare const TeacherSchoolComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isRequired" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "verificationService">, any> & {
+export declare const TeacherSchoolComponent: React.ComponentClass<Pick<FormFieldComponentProps<any> & VerificationServiceProps, "errorId" | "isErrored" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "value" | "isRequired" | "verificationService">, any> & {
     WrappedComponent: React.ComponentType<FormFieldComponentProps<any> & VerificationServiceProps & ReactIntl.InjectedIntlProps>;
 };

package/src/components/FormInputs/InputText/InputText.d.ts

@@ -1,5 +1,4 @@
-import React, { AllHTMLAttributes } from "react";
-import { InjectedIntlProps } from "react-intl";
+import React, { InputHTMLAttributes } from "react";
 export declare type InputTextProps = {
     id: string;
     isErrored: boolean;
@@ -13,20 +12,5 @@ export declare type InputTextProps = {
     ariaDescribedBy?: string;
     ariaLabel?: string;
     type?: "text" | "email" | "password" | "search" | "url" | "tel";
-} & AllHTMLAttributes<HTMLInputElement> & InjectedIntlProps;
-export declare const InputTextComponent: React.ComponentClass<Pick<{
-    id: string;
-    isErrored: boolean;
-    className?: string;
-    hidePlaceholder?: boolean;
-    onChange?: React.ChangeEventHandler;
-    onKeyDown?: React.ChangeEventHandler;
-    ref?: never;
-    refId?: string;
-    required?: boolean;
-    ariaDescribedBy?: string;
-    ariaLabel?: string;
-    type?: "text" | "email" | "password" | "search" | "url" | "tel";
-} & React.AllHTMLAttributes<HTMLInputElement>, "max" | "required" | "default" | "high" | "low" | "disabled" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "id" | "step" | "color" | "content" | "size" | "wrap" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "ref" | "children" | "list" | "dangerouslySetInnerHTML" | "name" | "type" | "isErrored" | "className" | "hidePlaceholder" | "refId" | "ariaDescribedBy" | "ariaLabel" | "onChange" | "onKeyDown" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "value" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, any> & {
-    WrappedComponent: React.ComponentType<InputTextProps>;
-};
+} & InputHTMLAttributes<HTMLInputElement>;
+export declare const InputTextComponent: ({ id, isErrored, className, hidePlaceholder, refId, required, type, ariaDescribedBy, ariaLabel, ...props }: InputTextProps) => JSX.Element;

package/src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.d.ts

@@ -1,6 +1,5 @@
 /**
  * Step Member Personal Info Component
- * TODO - We need to import more from es6
  */
 import React from "react";
 import { InjectedIntl } from "react-intl";

package/src/components/StepMilitaryPersonalInfo/StepCollectMilitaryStatusComponent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { VerificationService } from "../../es6";
+import { VerificationService } from "../../lib/types/types";
 interface StepCollectMilitaryStatusComponentProps {
     verificationService: VerificationService;
 }

package/src/components/StepPending/ReviewPendingComponent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MaxReviewTime, VerificationService, PendingResponse } from "../../es6";
+import { MaxReviewTime, PendingResponse, VerificationService } from "../../lib/types/types";
 interface ReviewPendingProps {
     intl: any;
     logo: JSX.Element;

package/src/es6.d.ts

@@ -53,6 +53,9 @@ export { StateSelectComponent } from "./components/FormFields/State/StateSelectC
 export { SMSCodeComponent } from "./components/FormFields/SMSCode/SMSCodeComponent";
 export { SocialSecurityNumber } from "./components/FormFields/SSN/SSN";
 export { DriverLicenseNumberComponent } from "./components/FormFields/DriverLicenseNumber/DriverLicenseNumberComponent";
+export { FormFieldCustom } from "./components/FormFields/FormFieldCustom/FormFieldCustom";
+export { FormFieldText } from "./components/FormFields/FormFieldText/FormFieldText";
+export { FormFieldLayout } from "./components/FormFields/FormFieldLayout/FormFieldLayout";
 export { AcceptableUploadsComponent } from "./components/AcceptableUploadsComponent/AcceptableUploadsComponent";
 export { UploadInfoComponent } from "./components/UploadInfoComponent/UploadInfoComponent";
 export { PoweredByComponent } from "./components/PoweredBy/PoweredByComponent";

package/src/lib/installScript/modal.d.ts

@@ -1,4 +1,4 @@
-import { ViewModel } from "../types/types";
+import { IframeUserConfiguration, ViewModel } from "../types/types";
 import Iframe from "./iframe";
 declare class Modal {
     verificationUrl: string;
@@ -10,9 +10,9 @@ declare class Modal {
     closeButtonText: string;
     closeButton: HTMLButtonElement;
     stopPropagation: boolean;
-    constructor(url: string, userConfig: any);
+    constructor(url: string, userConfig: IframeUserConfiguration);
     createCloseBtn(): HTMLButtonElement;
-    closeModal(historyEventTrigger?: boolean): void;
+    closeModal(): void;
     static createOverlay(): HTMLElement;
     createWrapper(): HTMLElement;
     popStateEventHandler: () => void;

package/src/lib/types/types.d.ts

@@ -36,6 +36,13 @@ export interface SheerIdJsApi {
     getMessages(locale: Locale, programThemeMessages?: ProgramThemeMessages, segment?: Segment): Promise<StringMap>;
     collectDeviceProfile(verificationId: string, programId: string): void;
 }
+export interface FormFieldConfig {
+    fieldId: string;
+    fieldType: string;
+    validate: (value: string | boolean) => ErrorId | string | undefined;
+    showPlaceholderAndHideLabel?: boolean;
+    required?: boolean;
+}
 export interface RequestOrganizationApi {
     RequestOrganizationForm: new (element: HTMLElement, programId: DatabaseId) => void;
     setOptions(options: Options): void;
@@ -153,6 +160,7 @@ export declare type Options = {
     httpRequestTimeout?: number;
     hideTestModeFlag?: boolean;
     hideMilitaryFamilyAcceptableUploads?: boolean;
+    customFormFields?: FormFieldConfig[];
 };
 export declare type RestApiOptions = {
     serviceUrl: string;
@@ -330,7 +338,7 @@ export declare type FormSelectChoice<v = string | number, l = string> = {
 };
 export declare type InputSelectOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => void;
 export interface FormFieldComponentProps<T = any> {
-    onChange: Function;
+    onChange: (value: T) => void;
     value: T;
     intl?: InjectedIntl;
     autoFocus?: boolean;

package/src/lib/utils/strings.d.ts

@@ -0,0 +1 @@
+export declare const dashed: (camel: any) => any;

package/src/lib/utils/strings.test.d.ts

@@ -0,0 +1 @@
+export {};