+ {$ReviewControlHeader({
+ title: `Person ${this.props.partnerLabel}`,
+ btnStr: `Edit This Page`,
+ routeStep: `${stepStr}`,
+ backTrackingDisclaimer: this.props.backTrackingDisclaimer,
+ toggleDisclaimerModal: this.props.toggleDisclaimerModal,
+ })}
+
+
+
+
Personal Information
+
+ {$ReviewFieldValuePair({
+ field: `Legal Name`,
+ value: `${firstName} ${lastNameStr}`,
+ })}
+
+ {$ReviewFieldValuePair({
+ field: `Full Name to be Used After Marriage`,
+ value: `${surName}`,
+ })}
+
+ {$ReviewFieldValuePair({
+ field: `Occupation`,
+ value: `${occupation}`,
+ })}
-
-
-
- {lastName}
-
+
+
Date and Place of Birth
-
-
- {this.props.surName}
-
-
+ {$ReviewFieldValuePair({
+ field: `Date of Birth`,
+ value: `${dob}`,
+ })}
-
-
-
- {this.props.dob}
-
-
-
-
- {this.props.age}
-
-
- {/*
-
- {genderLabel}
-
*/}
-
-
-
- {this.props.occupation}
-
-
-
-
- {this.props.address}
-
+ {$ReviewFieldValuePair({
+ field: `BirthPlace`,
+ value: `${birthCity}, ${birthCountry}`,
+ })}
-
-
Birthplace
-
-
-
- {this.props.birthCity}
-
-
- {this.props.birthState.length > 0 &&
- this.props.birthState !== '--' && (
-
-
- {this.props.birthState}
-
- )}
-
-
-
- {this.props.birthCountry}
-
+
+
Residence
+
+ {$ReviewFieldValuePair({
+ field: `Address`,
+ value: `${address}`,
+ })}
-
-
Parents
-
-
-
- {this.props.parentA}
-
-
-
-
- {this.props.parentB}
-
-
-
-
- {` ${this.props.parentsMarriedAtBirth}`}
-
+
+
Marriage
+
+ {$ReviewFieldValuePair({
+ field: `If Applicable, Blood Relation To Current Partner`,
+ value: `${bloodRelation}`,
+ })}
+
+ {bloodRelation === 'Yes' &&
+ $ReviewFieldValuePair({
+ field: `Blood Relation Description`,
+ value: `${bloodRelationDesc}`,
+ })}
+
+ {$ReviewFieldValuePair({
+ field: `Marriage Number`,
+ value: `${marriageNumb}`,
+ })}
+
+ {$ReviewFieldValuePair({
+ field: `If Applicable, Status of Last Marriage`,
+ value: `${lastMarriageStatus}`,
+ })}
+
+ {$ReviewFieldValuePair({
+ field: `If Applicable, Status of Civil Union or Domestic Partnership`,
+ value: `${partnerShipDissolve}`,
+ })}
+
+ {$ReviewFieldValuePair({
+ field: `If Applicable, State of Civil Union or Domestic Partnership`,
+ value: `${partnerShipType}`,
+ })}
-
-
Marriage
-
-
-
- {this.props.marriageNumb}
-
-
- {this.props.marriageNumb !== '1st' && (
-
-
- {lastMarriageStatus}
-
- )}
-
- {this.props.marriageNumb !== '1st' && (
-
-
- {this.props.partnerShipDissolve}
-
- )}
-
-
-
- {partnerShipType}
-
-
- {this.props.partnerShipType !== 'N/A' && (
-
-
- {this.props.partnerShipDissolve}
-
- )}
-
- {this.props.partnerShipType !== 'N/A' && (
-
-
- {this.props.partnershipState}
-
- )}
-
-
-
- {this.props.bloodRelation}
-
-
- {this.props.bloodRelation === 'Yes' && (
-
-
- {this.props.bloodRelationDesc}
-
- )}
+
+
Parents
+
+ {$ReviewFieldValuePair({
+ field: `Parent 1`,
+ value: `${parentA}`,
+ })}
+
+ {$ReviewFieldValuePair({
+ field: `Parent 2`,
+ value: `${parentB}`,
+ })}
+
+ {$ReviewFieldValuePair({
+ field: `Status of Marriage at Time of Birth`,
+ value: `${parentsMarriedAtBirth}`,
+ })}
diff --git a/services-js/registry-certs/client/marriageintention/forms/reviewForms.tsx b/services-js/registry-certs/client/marriageintention/forms/reviewForms.tsx
index 6af929257..279f869ab 100644
--- a/services-js/registry-certs/client/marriageintention/forms/reviewForms.tsx
+++ b/services-js/registry-certs/client/marriageintention/forms/reviewForms.tsx
@@ -8,29 +8,29 @@ import { observer } from 'mobx-react';
import MarriageIntentionCertificateRequest from '../../store/MarriageIntentionCertificateRequest';
import QuestionComponent from '../../common/question-components/QuestionComponent';
-import { COUNTRIES, US_STATES } from './inputData';
-
+import { MI_REVIEW_STYLING } from './styling';
import {
- SECTION_HEADING_STYLING,
- SECTION_WRAPPER_STYLING,
MARRIAGE_INTENTION_FORM_STYLING,
MARRIAGE_INTENTION_INTRO_STYLING,
- NAME_FIELDS_BASIC_CONTAINER_STYLING,
} from '../../common/question-components/styling';
import {
- MAIN_HEADING_STYLING,
- MI_REVIEW_STYLING,
- PAIRED_COLUMNS_STYLING,
- COLUMNS_STYLING,
-} from './styling';
+ formatDate,
+ getStateFullName,
+ getCountryFullName,
+ yesNoAnswer,
+} from '../helpers/formUtils';
import PartnerView from './partnerView';
+import ContactUX from './reviewUI/contact';
+import HeaderUX from './reviewUI/header';
interface Props {
handleProceed: (ev: MouseEvent) => void;
- handleStepBack: (ev: MouseEvent) => void;
+ handleStepBack: (ev: MouseEvent | TouchEvent) => void;
marriageIntentionCertificateRequest: MarriageIntentionCertificateRequest;
+ toggleDisclaimerModal: (val: boolean) => void;
+ backTrackingDisclaimer: boolean;
}
@observer
@@ -44,75 +44,45 @@ export default class ReviewForms extends Component
{
};
}
- private adjustForTimezone(date: Date): Date {
- var timeOffsetInMS: number = date.getTimezoneOffset() * 60000;
- date.setTime(date.getTime() + timeOffsetInMS);
- return date;
- }
+ private handleStepBack = (ev: MouseEvent | TouchEvent) => {
+ const { toggleDisclaimerModal, backTrackingDisclaimer } = this.props;
- private formatDate(_dateObj): any {
- const dateObj = new Date(this.adjustForTimezone(_dateObj));
- const year = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(
- dateObj
- );
- const month = new Intl.DateTimeFormat('en', { month: 'short' }).format(
- dateObj
- );
- const day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(
- dateObj
- );
-
- return `${month} ${day}, ${year}`;
- }
+ if (backTrackingDisclaimer === false && toggleDisclaimerModal) {
+ toggleDisclaimerModal(true);
+ } else {
+ this.props.handleStepBack(ev);
+ }
+ };
public render() {
const {
requestInformation,
} = this.props.marriageIntentionCertificateRequest;
- const appointmentDateTime = `${this.formatDate(
+ const appointmentDateTime = `${formatDate(
requestInformation.appointmentDate
)}`;
- const YesNoAnswer = (val: any) => {
- return parseInt(val) === 1 ? 'Yes' : 'No';
- };
-
const partnerA_parentA = `${requestInformation.partnerA_parentA_Name}/${
requestInformation.partnerA_parentA_Surname
}`;
+
const partnerA_parentB = `${requestInformation.partnerA_parentB_Name}/${
requestInformation.partnerA_parentB_Surname
}`;
+
const partnerB_parentA = `${requestInformation.partnerB_parentA_Name}/${
requestInformation.partnerB_parentA_Surname
}`;
+
const partnerB_parentB = `${requestInformation.partnerB_parentB_Name}/${
requestInformation.partnerB_parentB_Surname
}`;
- const getCountryFullName = (Name: string) => {
- const countryObj = COUNTRIES.find(entry => entry.value === Name);
- let retVal = '';
-
- if (countryObj && countryObj.label) {
- retVal = ` ${countryObj.label.toLocaleUpperCase()}`;
- if (countryObj.shortLabel)
- retVal = ` ${countryObj.shortLabel.toLocaleUpperCase()}`;
- }
-
- return retVal;
- };
- const getStateFullName = (Name: string) => {
- const countryObj = US_STATES.find(entry => entry.value === Name);
- return countryObj && countryObj.label && countryObj.label !== '--'
- ? countryObj.label
- : '';
- };
return (
@@ -123,28 +93,20 @@ export default class ReviewForms extends Component {
MI_REVIEW_STYLING,
]}
>
-
- Please review the details below. If you notice any errors, click the
- "back" button at the bottom of your screen and correct your
- information before submitting this application.
-
-
-
- Review Information
-
+
{/* PARTY A */}
{
`}
parentA={partnerA_parentA}
parentB={partnerA_parentB}
- parentsMarriedAtBirth={YesNoAnswer(
+ parentsMarriedAtBirth={yesNoAnswer(
requestInformation.partnerA_parentsMarriedAtBirth
)}
- bloodRelation={YesNoAnswer(
+ bloodRelation={yesNoAnswer(
requestInformation.partnerA_bloodRelation
)}
bloodRelationDesc={`
${requestInformation.partnerA_bloodRelationDesc}
`}
partnershipState={requestInformation.partnerA_partnershipState}
+ stepStr={`partnerFormA`}
+ toggleDisclaimerModal={this.props.toggleDisclaimerModal}
+ backTrackingDisclaimer={this.props.backTrackingDisclaimer}
/>
{/* PARTY B */}
@@ -191,13 +156,13 @@ export default class ReviewForms extends Component {
marriageIntentionCertificateRequest={
this.props.marriageIntentionCertificateRequest
}
- partyLabel={'B'}
+ partnerLabel={'2'}
firstName={requestInformation.partnerB_firstName}
lastName={requestInformation.partnerB_lastName}
suffix={requestInformation.partnerB_suffix}
middleName={requestInformation.partnerB_middleName}
surName={requestInformation.partnerB_surName}
- dob={this.formatDate(requestInformation.partnerB_dob)}
+ dob={formatDate(requestInformation.partnerB_dob)}
age={requestInformation.partnerB_age}
occupation={requestInformation.partnerB_occupation}
// sex={requestInformation.partnerB_sex}
@@ -227,40 +192,30 @@ export default class ReviewForms extends Component {
`}
parentA={partnerB_parentA}
parentB={partnerB_parentB}
- parentsMarriedAtBirth={YesNoAnswer(
+ parentsMarriedAtBirth={yesNoAnswer(
requestInformation.partnerB_parentsMarriedAtBirth
)}
- bloodRelation={YesNoAnswer(
+ bloodRelation={yesNoAnswer(
requestInformation.partnerB_bloodRelation
)}
bloodRelationDesc={`
${requestInformation.partnerB_bloodRelationDesc}
`}
partnershipState={requestInformation.partnerB_partnershipState}
+ stepStr={`partnerFormB`}
+ toggleDisclaimerModal={this.props.toggleDisclaimerModal}
+ backTrackingDisclaimer={this.props.backTrackingDisclaimer}
/>
-
- Contact Information
-
-
-
-
-
-
- {requestInformation.email}
-
-
-
-
- {requestInformation.dayPhone}
-
-
-
-
-
- {appointmentDateTime}
-
-
);
diff --git a/services-js/registry-certs/client/marriageintention/forms/reviewUI/components.tsx b/services-js/registry-certs/client/marriageintention/forms/reviewUI/components.tsx
new file mode 100644
index 000000000..88a52c772
--- /dev/null
+++ b/services-js/registry-certs/client/marriageintention/forms/reviewUI/components.tsx
@@ -0,0 +1,67 @@
+/** @jsx jsx */
+
+import { jsx } from '@emotion/core';
+import Router from 'next/router';
+
+import { REVIEW_CONTROL_STYLING } from './reviewStying';
+
+/**
+ * @name $ReviewControlHeader
+ * @param {Object} params
+ * @param {String} params.title Header title
+ * @param {String} params.btnStr Button label/text
+ * @param {String} params.routeStep Router param(step as string)
+ * @returns JSX(HTML)
+ */
+export const $ReviewControlHeader = (params: {
+ title: string;
+ btnStr: string;
+ routeStep: string;
+ toggleDisclaimerModal: (val: boolean) => void;
+ backTrackingDisclaimer: boolean;
+}) => {
+ const { title, btnStr, routeStep } = params;
+ const stepBack = () => {
+ const { toggleDisclaimerModal, backTrackingDisclaimer } = params;
+
+ if (backTrackingDisclaimer === false && toggleDisclaimerModal) {
+ toggleDisclaimerModal(true);
+ } else {
+ Router.push(`/marriageintention?step=${routeStep}`);
+ }
+ };
+
+ return (
+
+
+
{title}
+
+
+
+
+
+
+ );
+};
+
+/**
+ * @name ReviewFieldValuePair
+ * @param {Object} params
+ * @param {String} params.field
+ * @param {String} params.value
+ * @returns JSX(HTML)
+ */
+export const $ReviewFieldValuePair = (params: {
+ field: string;
+ value: string;
+}) => {
+ const { field, value } = params;
+ return (
+
+
+ {value}
+
+ );
+};
diff --git a/services-js/registry-certs/client/marriageintention/forms/reviewUI/contact.tsx b/services-js/registry-certs/client/marriageintention/forms/reviewUI/contact.tsx
new file mode 100644
index 000000000..85c4623a2
--- /dev/null
+++ b/services-js/registry-certs/client/marriageintention/forms/reviewUI/contact.tsx
@@ -0,0 +1,63 @@
+/** @jsx jsx */
+
+import { jsx } from '@emotion/core';
+import { Component } from 'react';
+import { observer } from 'mobx-react';
+
+import { REVIEW_FORM_STYLING } from './reviewStying';
+import { formatPhoneNumber } from '../../helpers/formUtils';
+import { $ReviewControlHeader, $ReviewFieldValuePair } from './components';
+
+interface Props {
+ appointmentDateTime: string;
+ requestInformation: {
+ email: string;
+ dayPhone: string;
+ };
+ toggleDisclaimerModal: (val: boolean) => void;
+ backTrackingDisclaimer: boolean;
+}
+
+@observer
+export default class ContactUX extends Component
{
+ constructor(props: Props) {
+ super(props);
+ }
+
+ public render() {
+ const { appointmentDateTime, requestInformation } = this.props;
+
+ return (
+
+ {$ReviewControlHeader({
+ title: `Contact Information`,
+ btnStr: `Edit This Page`,
+ routeStep: `contactInfo`,
+ backTrackingDisclaimer: this.props.backTrackingDisclaimer,
+ toggleDisclaimerModal: this.props.toggleDisclaimerModal,
+ })}
+
+
+
+
Personal Information
+
+ {$ReviewFieldValuePair({
+ field: `Email`,
+ value: `${requestInformation.email}`,
+ })}
+
+ {$ReviewFieldValuePair({
+ field: `Phone #`,
+ value: `${formatPhoneNumber(requestInformation.dayPhone)}`,
+ })}
+
+ {$ReviewFieldValuePair({
+ field: `Appointment Date`,
+ value: `${appointmentDateTime}`,
+ })}
+
+
+
+
Review Your Information
+
+
+ {' '}
+ If you need to make any changes, you can go back and edit the previous
+ pages. Please make sure your information is accurate. During your
+ appointment, we will review and finalize the information you share
+ here and make sure everything’s set before it is printed onto your
+ marriage intention form.
+
+
+ If you edit your information, you must click the `Save and
+ Continue` button to save your changes.
+
+
+ )}
);
diff --git a/services-js/registry-certs/client/store/MarriageIntentionCertificateRequest.ts b/services-js/registry-certs/client/store/MarriageIntentionCertificateRequest.ts
index 1c631bb4b..2c3ac32a5 100644
--- a/services-js/registry-certs/client/store/MarriageIntentionCertificateRequest.ts
+++ b/services-js/registry-certs/client/store/MarriageIntentionCertificateRequest.ts
@@ -8,6 +8,7 @@ import { GaSiteAnalytics } from '@cityofboston/next-client-common';
import {
MarriageIntentionCertificateRequestInformation,
MarriageIntentionStep,
+ MarriageIntentionStepLabels,
JSONObject,
JSONValue,
} from '../types';
@@ -27,6 +28,7 @@ export const INITIAL_REQUEST_INFORMATION: Readonly<
partnerA_lastName: '',
partnerA_middleName: '',
partnerA_surName: '',
+ partnerA_useSurname: '',
partnerA_dob: null,
partnerA_age: '',
partnerA_occupation: '',
@@ -53,6 +55,9 @@ export const INITIAL_REQUEST_INFORMATION: Readonly<
partnerA_residenceZip: '',
partnerA_marriageNumb: '',
partnerA_lastMarriageStatus: '',
+ partnerA_marriedBefore: '',
+ partnerA_additionalParent: '',
+ partnerA_formPageComplete: '',
partnerB_fullName: '',
partnerB_firstMiddleName: '',
@@ -61,6 +66,7 @@ export const INITIAL_REQUEST_INFORMATION: Readonly<
partnerB_lastName: '',
partnerB_middleName: '',
partnerB_surName: '',
+ partnerB_useSurname: '',
partnerB_dob: null,
partnerB_age: '',
partnerB_occupation: '',
@@ -87,6 +93,9 @@ export const INITIAL_REQUEST_INFORMATION: Readonly<
partnerB_residenceZip: '',
partnerB_marriageNumb: '',
partnerB_lastMarriageStatus: '',
+ partnerB_marriedBefore: '',
+ partnerB_additionalParent: '',
+ partnerB_formPageComplete: '',
email: '',
emailConfirm: '',
@@ -103,6 +112,15 @@ export const QUESTION_STEPS: MarriageIntentionStep[] = [
'reviewForms',
];
+export const LABEL_STEPS: MarriageIntentionStepLabels[] = [
+ 'Getting Started',
+ 'Person 1',
+ 'Person 2',
+ 'Contact Info',
+ 'Review',
+ 'Submit',
+];
+
export const CHECKOUT_STEPS: MarriageIntentionStep[] = ['reviewRequest'];
type MarriageIntentionCertificateRequestInformationJson = {
@@ -148,6 +166,7 @@ export default class MarriageIntentionCertificateRequest {
partnerA_lastName: this.requestInformation.partnerA_lastName,
partnerA_middleName: this.requestInformation.partnerA_middleName,
partnerA_surName: this.requestInformation.partnerA_surName,
+ partnerA_useSurname: this.requestInformation.partnerA_useSurname,
partnerA_dob: this.requestInformation.partnerA_dob
? this.requestInformation.partnerA_dob.toISOString()
: null,
@@ -187,6 +206,11 @@ export default class MarriageIntentionCertificateRequest {
partnerA_marriageNumb: this.requestInformation.partnerA_marriageNumb,
partnerA_lastMarriageStatus: this.requestInformation
.partnerA_lastMarriageStatus,
+ partnerA_marriedBefore: this.requestInformation.partnerA_marriedBefore,
+ partnerA_additionalParent: this.requestInformation
+ .partnerA_additionalParent,
+ partnerA_formPageComplete: this.requestInformation
+ .partnerA_formPageComplete,
partnerB_fullName: this.requestInformation.partnerB_fullName,
partnerB_firstMiddleName: this.requestInformation
@@ -196,6 +220,7 @@ export default class MarriageIntentionCertificateRequest {
partnerB_lastName: this.requestInformation.partnerB_lastName,
partnerB_middleName: this.requestInformation.partnerB_middleName,
partnerB_surName: this.requestInformation.partnerB_surName,
+ partnerB_useSurname: this.requestInformation.partnerB_useSurname,
partnerB_dob: this.requestInformation.partnerB_dob
? this.requestInformation.partnerB_dob.toISOString()
: null,
@@ -235,6 +260,11 @@ export default class MarriageIntentionCertificateRequest {
partnerB_marriageNumb: this.requestInformation.partnerB_marriageNumb,
partnerB_lastMarriageStatus: this.requestInformation
.partnerB_lastMarriageStatus,
+ partnerB_marriedBefore: this.requestInformation.partnerB_marriedBefore,
+ partnerB_additionalParent: this.requestInformation
+ .partnerB_additionalParent,
+ partnerB_formPageComplete: this.requestInformation
+ .partnerB_formPageComplete,
email: this.requestInformation.email,
emailConfirm: this.requestInformation.emailConfirm,
@@ -243,7 +273,6 @@ export default class MarriageIntentionCertificateRequest {
appointmentDate: this.requestInformation.appointmentDate
? this.requestInformation.appointmentDate.toISOString()
: null,
- // appointmentTime: this.requestInformation.appointmentTime,
};
return {
@@ -264,6 +293,7 @@ export default class MarriageIntentionCertificateRequest {
partnerA_lastName: obj.requestInformation.partnerA_lastName,
partnerA_middleName: obj.requestInformation.partnerA_middleName,
partnerA_surName: obj.requestInformation.partnerA_surName,
+ partnerA_useSurname: obj.requestInformation.partnerA_useSurname,
partnerA_dob: obj.requestInformation.partnerA_dob
? new Date(obj.requestInformation.partnerA_dob)
: null,
@@ -300,6 +330,11 @@ export default class MarriageIntentionCertificateRequest {
partnerA_marriageNumb: obj.requestInformation.partnerA_marriageNumb,
partnerA_lastMarriageStatus:
obj.requestInformation.partnerA_lastMarriageStatus,
+ partnerA_marriedBefore: obj.requestInformation.partnerA_marriedBefore,
+ partnerA_additionalParent:
+ obj.requestInformation.partnerA_additionalParent,
+ partnerA_formPageComplete:
+ obj.requestInformation.partnerA_formPageComplete,
partnerB_fullName: this.requestInformation.partnerB_fullName,
partnerB_firstMiddleName: this.requestInformation
@@ -309,6 +344,7 @@ export default class MarriageIntentionCertificateRequest {
partnerB_lastName: obj.requestInformation.partnerB_lastName,
partnerB_middleName: obj.requestInformation.partnerB_middleName,
partnerB_surName: obj.requestInformation.partnerB_surName,
+ partnerB_useSurname: obj.requestInformation.partnerB_useSurname,
partnerB_dob: obj.requestInformation.partnerB_dob
? new Date(obj.requestInformation.partnerB_dob)
: null,
@@ -345,6 +381,11 @@ export default class MarriageIntentionCertificateRequest {
partnerB_marriageNumb: obj.requestInformation.partnerB_marriageNumb,
partnerB_lastMarriageStatus:
obj.requestInformation.partnerB_lastMarriageStatus,
+ partnerB_marriedBefore: obj.requestInformation.partnerB_marriedBefore,
+ partnerB_additionalParent:
+ obj.requestInformation.partnerB_additionalParent,
+ partnerB_formPageComplete:
+ obj.requestInformation.partnerB_formPageComplete,
email: obj.requestInformation.email,
emailConfirm: obj.requestInformation.emailConfirm,
@@ -353,7 +394,6 @@ export default class MarriageIntentionCertificateRequest {
appointmentDate: obj.requestInformation.appointmentDate
? obj.requestInformation.appointmentDate.toISOString()
: null,
- // appointmentTime: obj.requestInformation.appointmentTime,
};
}
@@ -393,27 +433,12 @@ export default class MarriageIntentionCertificateRequest {
@computed
public get steps(): MarriageIntentionStep[] {
- return [
- ...QUESTION_STEPS,
- // ...(this.needsIdentityVerification ? VERIFY_IDENTIFICATION_STEPS : []),
- ...CHECKOUT_STEPS,
- ];
+ return [...QUESTION_STEPS, ...CHECKOUT_STEPS];
}
@computed
- public get needsIdentityVerification(): boolean {
- // const {
- // partnerA_firstName,
- // partnerA_lastName,
- // partnerA_surName,
- // } = this.requestInformation;
-
- // const firstName = partnerA_firstName && partnerA_firstName !== '';
- // const lastName = partnerA_lastName && partnerA_lastName !== '';
- // return !!(partnerA_firstName && partnerA_firstName !== '');
-
- // return !!(partnerA_firstName && partnerA_lastName && partnerA_surName);
- return true;
+ public get labels(): MarriageIntentionStepLabels[] {
+ return [...LABEL_STEPS];
}
// A user’s answer may span several fields:
@@ -423,7 +448,6 @@ export default class MarriageIntentionCertificateRequest {
partnerLabel: string
): void {
partnerLabel = partnerLabel || '';
- // console.log(`answerQuestion>partnerLabel: [${partnerLabel}]`);
if (partnerLabel === '') {
this.requestInformation = {
...this.requestInformation,
@@ -467,26 +491,10 @@ export default class MarriageIntentionCertificateRequest {
@computed
public get completedQuestionSteps() {
const steps = {
- // partnerFormA: false,
- // partnerFormB: false,
partnerFormA: true,
partnerFormB: true,
- // verifyIdentification: true,
};
- // const {
- // partnerA,
- // partnerB,
- // } = this.requestInformation;
-
- // if (partnerA.firstName && partnerA.lastName && partnerA.surName) {
- // steps.partnerFormA = true;
- // }
-
- // if (partnerB.firstName && partnerB.lastName && partnerB.surName) {
- // steps.partnerFormB = true;
- // }
-
return steps;
}
diff --git a/services-js/registry-certs/client/types.ts b/services-js/registry-certs/client/types.ts
index 000677e96..ca671940f 100644
--- a/services-js/registry-certs/client/types.ts
+++ b/services-js/registry-certs/client/types.ts
@@ -36,7 +36,7 @@ export type Relation =
| 'other'
| '';
-export type YesNoUnknownAnswer = 'yes' | 'no' | 'unknown' | '';
+export type yesNoUnknownAnswer = 'yes' | 'no' | 'unknown' | '';
// Death-specific
export interface DeathCertificate
@@ -97,6 +97,14 @@ export type MarriageIntentionStep =
| 'reviewForms'
| 'reviewRequest';
+export type MarriageIntentionStepLabels =
+ | 'Getting Started'
+ | 'Person 1'
+ | 'Person 2'
+ | 'Contact Info'
+ | 'Review'
+ | 'Submit';
+
export type IntentionQuestion = 'introStart';
// Marriage-specific
@@ -126,13 +134,13 @@ export type MarriageStep =
export type BirthCertificateRequestInformation = {
forSelf: boolean | null;
howRelated?: Relation;
- bornInBoston: YesNoUnknownAnswer;
- parentsLivedInBoston?: YesNoUnknownAnswer;
+ bornInBoston: yesNoUnknownAnswer;
+ parentsLivedInBoston?: yesNoUnknownAnswer;
firstName: string;
lastName: string;
altSpelling: string;
birthDate?: Date | null;
- parentsMarried: YesNoUnknownAnswer;
+ parentsMarried: yesNoUnknownAnswer;
parent1FirstName: string;
parent1LastName: string;
parent2FirstName: string;
@@ -152,6 +160,7 @@ export type MarriageIntentionCertificateRequestInformation = {
partnerA_lastName: string;
partnerA_middleName: string;
partnerA_surName: string;
+ partnerA_useSurname: string;
partnerA_dob?: Date | null;
partnerA_age: string;
partnerA_occupation: string;
@@ -178,6 +187,9 @@ export type MarriageIntentionCertificateRequestInformation = {
partnerA_residenceZip: string;
partnerA_marriageNumb: string;
partnerA_lastMarriageStatus: string;
+ partnerA_marriedBefore: string;
+ partnerA_additionalParent: string;
+ partnerA_formPageComplete: '' | '1' | null;
partnerB_fullName: string;
partnerB_firstMiddleName: string;
@@ -186,6 +198,7 @@ export type MarriageIntentionCertificateRequestInformation = {
partnerB_lastName: string;
partnerB_middleName: string;
partnerB_surName: string;
+ partnerB_useSurname: string;
partnerB_dob?: Date | null;
partnerB_age: string;
partnerB_occupation: string;
@@ -212,19 +225,21 @@ export type MarriageIntentionCertificateRequestInformation = {
partnerB_residenceZip: string;
partnerB_marriageNumb: string;
partnerB_lastMarriageStatus: string;
+ partnerB_marriedBefore: string;
+ partnerB_additionalParent: string;
+ partnerB_formPageComplete: '' | '1' | null;
email: string;
emailConfirm: string;
dayPhone: string;
dayPhoneUnformattedStr: string;
appointmentDate: Date | null;
- // appointmentTime: string;
};
export type MarriageCertificateRequestInformation = {
forSelf: boolean | null;
howRelated?: Relation;
- filedInBoston: YesNoUnknownAnswer;
+ filedInBoston: yesNoUnknownAnswer;
dateOfMarriageExact?: Date | null;
dateOfMarriageUnsure?: string;
fullName1: string;
@@ -233,8 +248,8 @@ export type MarriageCertificateRequestInformation = {
maidenName2?: string;
altSpellings1?: string;
altSpellings2?: string;
- parentsMarried1: YesNoUnknownAnswer;
- parentsMarried2: YesNoUnknownAnswer;
+ parentsMarried1: yesNoUnknownAnswer;
+ parentsMarried2: yesNoUnknownAnswer;
// customerNotes?: string;
// only required if parentsMarried[1, 2] !== true:
diff --git a/services-js/registry-certs/lib/interfaces.ts b/services-js/registry-certs/lib/interfaces.ts
new file mode 100644
index 000000000..0ece2c72f
--- /dev/null
+++ b/services-js/registry-certs/lib/interfaces.ts
@@ -0,0 +1,18 @@
+export interface ProgressProps {
+ totalSteps: number;
+ currentStep: number;
+ currentStepCompleted: boolean;
+ offset?: number | undefined;
+ showStepName?: string;
+}
+
+export interface ProgressNavProps {
+ steps: Array
;
+ totalSteps: number;
+ currentStep: number;
+ showStepName?: boolean;
+ offset?: number;
+ completed?: Array;
+ clickHandler?: ((e: any) => void) | undefined;
+ blockStepBackAfterLastNav?: boolean;
+}
diff --git a/services-js/registry-certs/pages/_app.tsx b/services-js/registry-certs/pages/_app.tsx
index 296d39334..762f2b68e 100644
--- a/services-js/registry-certs/pages/_app.tsx
+++ b/services-js/registry-certs/pages/_app.tsx
@@ -88,6 +88,7 @@ export interface PageDependencies extends GetInitialPropsDependencies {
routerListener: RouterListener;
orderProvider: OrderProvider;
siteAnalytics: GaSiteAnalytics;
+ completedSteps: Set | null;
}
// It’s important to cache the dependencies passed to getInitialProps because
@@ -180,6 +181,7 @@ export default class RegistryCertsApp extends App {
stripe,
checkoutDao: new CheckoutDao(fetchGraphql, stripe),
marriageIntentionDao: new MarriageIntentionDao(fetchGraphql),
+ completedSteps: null,
routerListener: new RouterListener(),
screenReaderSupport: new ScreenReaderSupport(),
siteAnalytics,
diff --git a/services-js/registry-certs/server/graphql/mutation.ts b/services-js/registry-certs/server/graphql/mutation.ts
index 2323b28fe..e747ac83e 100644
--- a/services-js/registry-certs/server/graphql/mutation.ts
+++ b/services-js/registry-certs/server/graphql/mutation.ts
@@ -429,7 +429,6 @@ const mutationResolvers: Resolvers = {
{ registryDb }
): Promise => {
console.log('mutation > submitMarriageIntentionCertificateOrder:');
- // console.log(rollbar, stripe, emails, registryDb);
const {
Email,
DayPhone,
diff --git a/services-js/registry-certs/server/services/RegistryDb.ts b/services-js/registry-certs/server/services/RegistryDb.ts
index 5a2facd6a..ac0c7a435 100644
--- a/services-js/registry-certs/server/services/RegistryDb.ts
+++ b/services-js/registry-certs/server/services/RegistryDb.ts
@@ -15,7 +15,6 @@ import {
import RegistryDbFake from './RegistryDbFake';
import { AnnotatedFilePart, PACKAGE_SRC_ROOT } from '../util';
-// import { COUNTRIES } from '../../client/marriageintention/forms/inputData';
export const COUNTRIES = [
{
label: 'United States of America',
diff --git a/services-js/registry-certs/templates/stylesheets.json b/services-js/registry-certs/templates/stylesheets.json
index 4e5700798..302e7e0b7 100644
--- a/services-js/registry-certs/templates/stylesheets.json
+++ b/services-js/registry-certs/templates/stylesheets.json
@@ -1,3 +1,3 @@
[
- "https://patterns.boston.gov/css/public.css"
+ "https://patterns-stg.boston.gov/css/public.css"
]
\ No newline at end of file
diff --git a/services-js/registry-certs/utils/data.ts b/services-js/registry-certs/utils/data.ts
new file mode 100644
index 000000000..f0690a96f
--- /dev/null
+++ b/services-js/registry-certs/utils/data.ts
@@ -0,0 +1,404 @@
+export const COUNTRIES = [
+ {
+ label: 'United States of America',
+ shortLabel: 'USA',
+ value: 'USA',
+ },
+ {
+ label: 'United States Virgin Islands',
+ shortLabel: 'Virgin Islands',
+ value: 'VIR',
+ },
+ { label: 'Afghanistan', value: 'AFG' },
+ {
+ label: 'Åland Islands',
+ shortLabel: 'Aland Islands',
+ value: 'ALA',
+ },
+ { label: 'Albania', value: 'ALB' },
+ { label: 'Algeria', value: 'DZA' },
+ { label: 'American Samoa', value: 'ASM' },
+ { label: 'Andorra', value: 'AND' },
+ { label: 'Angola', value: 'AGO' },
+ { label: 'Anguilla', value: 'AIA' },
+ { label: 'Antigua and Barbuda', value: 'ATG' },
+ { label: 'Argentina', value: 'ARG' },
+ { label: 'Armenia', value: 'ARM' },
+ { label: 'Aruba', value: 'ABW' },
+ { label: 'Australia', value: 'AUS' },
+ { label: 'Austria', value: 'AUT' },
+ { label: 'Azerbaijan', value: 'AZE' },
+ { label: 'Bahamas', value: 'BHS' },
+ { label: 'Bahrain', value: 'BHR' },
+ { label: 'Bangladesh', value: 'BGD' },
+ { label: 'Barbados', value: 'BRB' },
+ { label: 'Belarus', value: 'BLR' },
+ { label: 'Belgium', value: 'BEL' },
+ { label: 'Belize', value: 'BLZ' },
+ { label: 'Benin', value: 'BEN' },
+ { label: 'Bermuda', value: 'BMU' },
+ { label: 'Bhutan', value: 'BTN' },
+ {
+ label: 'Bolivia (Plurinational State of)',
+ shortLabel: 'Bolivia',
+ value: 'BOL',
+ },
+ {
+ label: 'Bonaire, Saint Eustatius and Saba',
+ shortLabel: 'Bonaire',
+ value: 'BES',
+ },
+ { label: 'Bosnia and Herzegovina', value: 'BIH' },
+ { label: 'Botswana', value: 'BWA' },
+ { label: 'Brazil', value: 'BRA' },
+ { label: 'British Virgin Islands', value: 'VGB' },
+ { label: 'Brunei Darussalam', value: 'BRN' },
+ { label: 'Bulgaria', value: 'BGR' },
+ { label: 'Burkina Faso', value: 'BFA' },
+ { label: 'Burundi', value: 'BDI' },
+ { label: 'Cabo Verde', value: 'CPV' },
+ { label: 'Cambodia', value: 'KHM' },
+ { label: 'Cameroon', value: 'CMR' },
+ { label: 'Canada', value: 'CAN' },
+ { label: 'Cayman Islands', value: 'CYM' },
+ { label: 'Central African Republic', value: 'CAF' },
+ { label: 'Chad', value: 'TCD' },
+ { label: 'Chile', value: 'CHL' },
+ { label: 'China', value: 'CHN' },
+ {
+ label: 'China, Hong Kong Special Administrative Region',
+ shortLabel: 'China',
+ value: 'HKG',
+ },
+ {
+ label: 'China, Macao Special Administrative Region',
+ shortLabel: 'Macao',
+ value: 'MAC',
+ },
+ { label: 'Colombia', value: 'COL' },
+ { label: 'Comoros', value: 'COM' },
+ { label: 'Congo', value: 'COG' },
+ { label: 'Cook Islands', value: 'COK' },
+ { label: 'Costa Rica', value: 'CRI' },
+ { label: "Côte d'Ivoire", value: 'CIV' },
+ { label: 'Croatia', value: 'HRV' },
+ { label: 'Cuba', value: 'CUB' },
+ { label: 'Curaçao', value: 'CUW' },
+ { label: 'Cyprus', value: 'CYP' },
+ { label: 'Czech Republic', value: 'CZE' },
+ {
+ label: "Democratic People's Republic of Korea",
+ shortLabel: 'North Korea',
+ value: 'PRK',
+ },
+ {
+ label: 'Democratic Republic of the Congo',
+ shortLabel: 'Congo',
+ value: 'COD',
+ },
+ { label: 'Denmark', value: 'DNK' },
+ { label: 'Djibouti', value: 'DJI' },
+ { label: 'Dominica', value: 'DMA' },
+ { label: 'Dominican Republic', value: 'DOM' },
+ { label: 'Ecuador', value: 'ECU' },
+ { label: 'Egypt', value: 'EGY' },
+ { label: 'El Salvador', value: 'SLV' },
+ { label: 'Equatorial Guinea', value: 'GNQ' },
+ { label: 'Eritrea', value: 'ERI' },
+ { label: 'Estonia', value: 'EST' },
+ { label: 'Ethiopia', value: 'ETH' },
+ { label: 'Faeroe Islands', value: 'FRO' },
+ {
+ label: 'Falkland Islands (Malvinas)',
+ shortLabel: 'Falkland Islands',
+ value: 'FLK',
+ },
+ { label: 'Fiji', value: 'FJI' },
+ { label: 'Finland', value: 'FIN' },
+ { label: 'France', value: 'FRA' },
+ { label: 'French Guiana', value: 'GUF' },
+ { label: 'French Polynesia', value: 'PYF' },
+ { label: 'Gabon', value: 'GAB' },
+ { label: 'Gambia', value: 'GMB' },
+ { label: 'Georgia', value: 'GEO' },
+ { label: 'Germany', value: 'DEU' },
+ { label: 'Ghana', value: 'GHA' },
+ { label: 'Gibraltar', value: 'GIB' },
+ { label: 'Greece', value: 'GRC' },
+ { label: 'Greenland', value: 'GRL' },
+ { label: 'Grenada', value: 'GRD' },
+ { label: 'Guadeloupe', value: 'GLP' },
+ { label: 'Guam', value: 'GUM' },
+ { label: 'Guatemala', value: 'GTM' },
+ { label: 'Guernsey', value: 'GGY' },
+ { label: 'Guinea', value: 'GIN' },
+ { label: 'Guinea-Bissau', value: 'GNB' },
+ { label: 'Guyana', value: 'GUY' },
+ { label: 'Haiti', value: 'HTI' },
+ { label: 'Holy See', value: 'VAT' },
+ { label: 'Honduras', value: 'HND' },
+ { label: 'Hungary', value: 'HUN' },
+ { label: 'Iceland', value: 'ISL' },
+ { label: 'India', value: 'IND' },
+ { label: 'Indonesia', value: 'IDN' },
+ {
+ label: 'Iran (Islamic Republic of)',
+ shortLabel: 'Iran',
+ value: 'IRN',
+ },
+ { label: 'Iraq', value: 'IRQ' },
+ { label: 'Ireland', value: 'IRL' },
+ { label: 'Isle of Man', value: 'IMN' },
+ { label: 'Israel', value: 'ISR' },
+ { label: 'Italy', value: 'ITA' },
+ { label: 'Jamaica', value: 'JAM' },
+ { label: 'Japan', value: 'JPN' },
+ { label: 'Jersey', value: 'JEY' },
+ { label: 'Jordan', value: 'JOR' },
+ { label: 'Kazakhstan', value: 'KAZ' },
+ { label: 'Kenya', value: 'KEN' },
+ { label: 'Kiribati', value: 'KIR' },
+ { label: 'Kuwait', value: 'KWT' },
+ { label: 'Kyrgyzstan', value: 'KGZ' },
+ {
+ label: "Lao People's Democratic Republic",
+ shortLabel: 'Lao',
+ value: 'LAO',
+ },
+ { label: 'Latvia', value: 'LVA' },
+ { label: 'Lebanon', value: 'LBN' },
+ { label: 'Lesotho', value: 'LSO' },
+ { label: 'Liberia', value: 'LBR' },
+ { label: 'Libya', value: 'LBY' },
+ { label: 'Liechtenstein', value: 'LIE' },
+ { label: 'Lithuania', value: 'LTU' },
+ { label: 'Luxembourg', value: 'LUX' },
+ { label: 'Madagascar', value: 'MDG' },
+ { label: 'Malawi', value: 'MWI' },
+ { label: 'Malaysia', value: 'MYS' },
+ { label: 'Maldives', value: 'MDV' },
+ { label: 'Mali', value: 'MLI' },
+ { label: 'Malta', value: 'MLT' },
+ { label: 'Marshall Islands', value: 'MHL' },
+ { label: 'Martinique', value: 'MTQ' },
+ { label: 'Mauritania', value: 'MRT' },
+ { label: 'Mauritius', value: 'MUS' },
+ { label: 'Mayotte', value: 'MYT' },
+ { label: 'Mexico', value: 'MEX' },
+ {
+ label: 'Micronesia (Federated States of)',
+ shortLabel: 'Micronesia',
+ value: 'FSM',
+ },
+ { label: 'Monaco', value: 'MCO' },
+ { label: 'Mongolia', value: 'MNG' },
+ { label: 'Montenegro', value: 'MNE' },
+ { label: 'Montserrat', value: 'MSR' },
+ { label: 'Morocco', value: 'MAR' },
+ { label: 'Mozambique', value: 'MOZ' },
+ { label: 'Myanmar', value: 'MMR' },
+ { label: 'Namibia', value: 'NAM' },
+ { label: 'Nauru', value: 'NRU' },
+ { label: 'Nepal', value: 'NPL' },
+ { label: 'Netherlands', value: 'NLD' },
+ { label: 'New Caledonia', value: 'NCL' },
+ { label: 'New Zealand', value: 'NZL' },
+ { label: 'Nicaragua', value: 'NIC' },
+ { label: 'Niger', value: 'NER' },
+ { label: 'Nigeria', value: 'NGA' },
+ { label: 'Niue', value: 'NIU' },
+ { label: 'Norfolk Island', value: 'NFK' },
+ {
+ label: 'Northern Mariana Islands',
+ shortLabel: 'Mariana Islands',
+ value: 'MNP',
+ },
+ { label: 'Norway', value: 'NOR' },
+ { label: 'Oman', value: 'OMN' },
+ { label: 'Pakistan', value: 'PAK' },
+ { label: 'Palau', value: 'PLW' },
+ { label: 'Panama', value: 'PAN' },
+ { label: 'Papua New Guinea', value: 'PNG' },
+ { label: 'Paraguay', value: 'PRY' },
+ { label: 'Peru', value: 'PER' },
+ { label: 'Philippines', value: 'PHL' },
+ { label: 'Pitcairn', value: 'PCN' },
+ { label: 'Poland', value: 'POL' },
+ { label: 'Portugal', value: 'PRT' },
+ { label: 'Puerto Rico', value: 'PRI' },
+ { label: 'Qatar', value: 'QAT' },
+ { label: 'Republic of Korea', value: 'KOR' },
+ {
+ label: 'Republic of Moldova',
+ shortLabel: 'Moldova',
+ value: 'MDA',
+ },
+ { label: 'Réunion', value: 'REU' },
+ { label: 'Romania', value: 'ROU' },
+ { label: 'Russian Federation', value: 'RUS' },
+ { label: 'Rwanda', value: 'RWA' },
+ { label: 'Saint-Barthélemy', value: 'BLM' },
+ { label: 'Saint Helena', value: 'SHN' },
+ { label: 'Saint Kitts and Nevis', value: 'KNA' },
+ { label: 'Saint Lucia', value: 'LCA' },
+ {
+ label: 'Saint-Martin (French part)',
+ shortLabel: 'Saint-Martin',
+ value: 'MAF',
+ },
+ { label: 'Saint Pierre and Miquelon', value: 'SPM' },
+ {
+ label: 'Saint Vincent and the Grenadines',
+ value: 'VCT',
+ },
+ { label: 'Samoa', value: 'WSM' },
+ { label: 'San Marino', value: 'SMR' },
+ { label: 'Sao Tome and Principe', value: 'STP' },
+ { label: 'Saudi Arabia', value: 'SAU' },
+ { label: 'Senegal', value: 'SEN' },
+ { label: 'Serbia', value: 'SRB' },
+ { label: 'Seychelles', value: 'SYC' },
+ { label: 'Sierra Leone', value: 'SLE' },
+ { label: 'Singapore', value: 'SGP' },
+ {
+ label: 'Sint Maarten (Dutch part)',
+ shortLabel: 'Sint Maarten',
+ value: 'SXM',
+ },
+ { label: 'Slovakia', value: 'SVK' },
+ { label: 'Slovenia', value: 'SVN' },
+ { label: 'Solomon Islands', value: 'SLB' },
+ { label: 'Somalia', value: 'SOM' },
+ { label: 'South Africa', value: 'ZAF' },
+ { label: 'South Sudan', value: 'SSD' },
+ { label: 'Spain', value: 'ESP' },
+ { label: 'Sri Lanka', value: 'LKA' },
+ {
+ label: 'State of Palestine',
+ shortLabel: 'Palestine',
+ value: 'PSE',
+ },
+ { label: 'Sudan', value: 'SDN' },
+ { label: 'Suriname', value: 'SUR' },
+ {
+ label: 'Svalbard and Jan Mayen Islands',
+ shortLabel: 'Svalbard',
+ value: 'SJM',
+ },
+ { label: 'Swaziland', value: 'SWZ' },
+ { label: 'Sweden', value: 'SWE' },
+ { label: 'Switzerland', value: 'CHE' },
+ { label: 'Syrian Arab Republic', value: 'SYR' },
+ { label: 'Taiwan', value: 'TWAN' },
+ { label: 'Tajikistan', value: 'TJK' },
+ { label: 'Thailand', value: 'THA' },
+ {
+ label: 'The former Yugoslav Republic of Macedonia',
+ shortLabel: 'Macedonia',
+ value: 'MKD',
+ },
+ { label: 'Timor-Leste', value: 'TLS' },
+ { label: 'Togo', value: 'TGO' },
+ { label: 'Tokelau', value: 'TKL' },
+ { label: 'Tonga', value: 'TON' },
+ { label: 'Trinidad and Tobago', value: 'TTO' },
+ { label: 'Tunisia', value: 'TUN' },
+ { label: 'Turkey', value: 'TUR' },
+ { label: 'Turkmenistan', value: 'TKM' },
+ {
+ label: 'Turks and Caicos Islands',
+ shortLabel: 'Turks & Caicos',
+ value: 'TCA',
+ },
+ { label: 'Tuvalu', value: 'TUV' },
+ { label: 'Uganda', value: 'UGA' },
+ { label: 'Ukraine', value: 'UKR' },
+ {
+ label: 'United Arab Emirates',
+ shortLabel: 'UAE',
+ value: 'ARE',
+ },
+ {
+ label: 'United Kingdom of Great Britain and Northern Ireland',
+ shortLabel: 'United Kingdom',
+ value: 'GBR',
+ },
+ {
+ label: 'United Republic of Tanzania',
+ shortLabel: 'United Republic of Tanzania',
+ value: 'TZA',
+ },
+ { label: 'Uruguay', value: 'URY' },
+ { label: 'Uzbekistan', value: 'UZB' },
+ { label: 'Vanuatu', value: 'VUT' },
+ {
+ label: 'Venezuela (Bolivarian Republic of)',
+ shortLabel: 'Venezuela',
+ value: 'VEN',
+ },
+ { label: 'Vietnam', value: 'VNM' },
+ {
+ label: 'Wallis and Futuna Islands',
+ shortLabel: 'Wallis',
+ value: 'WLF',
+ },
+ { label: 'Western Sahara', value: 'ESH' },
+ { label: 'Yemen', value: 'YEM' },
+ { label: 'Zambia', value: 'ZMB' },
+ { label: 'Zimbabwe', value: 'ZWE' },
+];
+
+export const US_STATES = [
+ { label: '--', value: '', field: '' },
+ { label: 'AL', value: 'AL', field: '' },
+ { label: 'AK', value: 'AK', field: '' },
+ { label: 'AZ', value: 'AZ', field: '' },
+ { label: 'AR', value: 'AR', field: '' },
+ { label: 'CA', value: 'CA', field: '' },
+ { label: 'CO', value: 'CO', field: '' },
+ { label: 'CT', value: 'CT', field: '' },
+ { label: 'DE', value: 'DE', field: '' },
+ { label: 'DC', value: 'DC', field: '' },
+ { label: 'FL', value: 'FL', field: '' },
+ { label: 'GA', value: 'GA', field: '' },
+ { label: 'HI', value: 'HI', field: '' },
+ { label: 'ID', value: 'ID', field: '' },
+ { label: 'IL', value: 'IL', field: '' },
+ { label: 'IN', value: 'IN', field: '' },
+ { label: 'IA', value: 'IA', field: '' },
+ { label: 'KS', value: 'KS', field: '' },
+ { label: 'KY', value: 'KY', field: '' },
+ { label: 'LA', value: 'LA', field: '' },
+ { label: 'ME', value: 'ME', field: '' },
+ { label: 'MD', value: 'MD', field: '' },
+ { label: 'MA', value: 'MA', field: '' },
+ { label: 'MI', value: 'MI', field: '' },
+ { label: 'MN', value: 'MN', field: '' },
+ { label: 'MS', value: 'MS', field: '' },
+ { label: 'MO', value: 'MO', field: '' },
+ { label: 'MT', value: 'MT', field: '' },
+ { label: 'NE', value: 'NE', field: '' },
+ { label: 'NV', value: 'NV', field: '' },
+ { label: 'NH', value: 'NH', field: '' },
+ { label: 'NJ', value: 'NJ', field: '' },
+ { label: 'NM', value: 'NM', field: '' },
+ { label: 'NY', value: 'NY', field: '' },
+ { label: 'NC', value: 'NC', field: '' },
+ { label: 'ND', value: 'ND', field: '' },
+ { label: 'OH', value: 'OH', field: '' },
+ { label: 'OK', value: 'OK', field: '' },
+ { label: 'OR', value: 'OR', field: '' },
+ { label: 'PA', value: 'PA', field: '' },
+ { label: 'RI', value: 'RI', field: '' },
+ { label: 'SC', value: 'SC', field: '' },
+ { label: 'SD', value: 'SD', field: '' },
+ { label: 'TN', value: 'TN', field: '' },
+ { label: 'TX', value: 'TX', field: '' },
+ { label: 'UT', value: 'UT', field: '' },
+ { label: 'VT', value: 'VT', field: '' },
+ { label: 'VA', value: 'VA', field: '' },
+ { label: 'WA', value: 'WA', field: '' },
+ { label: 'WV', value: 'WV', field: '' },
+ { label: 'WI', value: 'WI', field: '' },
+ { label: 'WY', value: 'WY', field: '' },
+];