Allow user to create a contact - individual

Business Reason

As a Committee Administrator, I will be able to create an Individual contact associated with my committee so that I can pull them into necessary transactions and reports as needed.

Acceptance Criteria

If I am a Committee Administrator When I access my committee's contact list And add a new contact with the Type "Individual" Then I will be able to input the following:

LAST NAME (A/N-30, required)
FIRST NAME (A/N-20, required)
MIDDLE NAME (A/N-20, not required)
PREFIX (A/N-10, not required)
SUFFIX (A/N-10, not required)
COUNTRY/REGION (dropdown, required. Should default to United States)
ADDRESS (A/N-34, required)
APARTMENT, SUITE, ETC. (A/N-34, not required)
CITY (A/N-30, required)
STATE/PROVINCE (required. Should be a dropdown) {note: will show written out state name and A/N-2 on back-end}
ZIP/POSTAL CODE (A/N-9, required)
TELEPHONE (N-10, not required)
EMPLOYER (A/N-38, not required for a new contact)
OCCUPATION (A/N-38, not required for a new contact)

Expected Error Messages:

This is a required field.
- LAST NAME (A/N-30, required)
- FIRST NAME (A/N-20, required)
- MIDDLE NAME (A/N-20, not required)
- COUNTRY/REGION (dropdown, required. Should default to United States)
- ADDRESS (A/N-34, required)
- APARTMENT, SUITE, ETC. (A/N-34, not required)
- CITY (A/N-30, required)
- STATE/PROVINCE (A/N-2, required. Should be a dropdown)
- ZIP/POSTAL CODE (A/N-9, required)
This field cannot contain more than 30 alphanumeric characters.
- LAST NAME (A/N-30, required)
- CITY (A/N-30, required)
This field cannot contain more than 34 alphanumeric characters.
- ADDRESS (A/N-34, required)
- APARTMENT, SUITE, ETC. (A/N-34, not required)
This field cannot contain more than 10 alphanumeric characters.
- PREFIX (A/N-10, not required)
- SUFFIX (A/N-10, not required)
- ZIP/POSTAL CODE (A/N-9, required)
This field cannot contain more than 10 numeric characters.
- TELEPHONE (N-10, not required)
This field cannot contain more than 20 alphanumeric characters.
- FIRST NAME (A/N-20, required)
- MIDDLE NAME (A/N-20, not required)
This field cannot contain more than 10 alphanumeric characters.
- STATE/PROVINCE (A/N-2, required. Should be a dropdown)
This field cannot contain more than 38 alphanumeric characters.
- EMPLOYER (A/N-38, not required for a new contact)
- OCCUPATION (A/N-38, not required for a new contact)
UX (HTML/CSS) details for Devs

Please review the below link for sizing, style, and grid with breakpoints https://docs.google.com/document/d/1qfx3vMPGAoMcMZzTQkvmvNmWvUSVC4bvGwC7vvhs6Ag/edit

See data fields needed here

QA Notes

null

DEV Notes

null

Design

null

Note: avoiding roles if possible for now.

Question for FEC: Telephone is not in the specs, but is in the Salient App for both individuals and an organization. Should it be an optional field or no?

Answer: Phone number is optional. Zip code is required, should not have dash count against character length. UX/UI discussion needed on how to display data on the front end for all entries.

Wireframe Attached

Individual - Required Fields.png

Individual - Character Count.png

State/Province Dropdown:

Refinement Meeting 2/9/22: Removed "save" functionality into #110. This ticket is for data input only.

Discussion 2/10/22: Will develop with United States as default (and only) country, and won't include international phone numbers. Those will be covered in #111. Error message is standard angular and will be updated with redesign effort.

Individual Contact field messages screen shot:

Individual Contact field error messages screen shot:

Individual Contact "required fields" screen shot:

Test Case/Test Script attached showing ticket “PASS”. https://app.zenhub.com/files/306118986/dbebdca3-6bc5-4800-960d-5bd20adcbb03/download

QA review completed. Moved to Stage Ready.

fecgov / fecfile-web-app