82 add zip code to signup form (#86)

* create `ZipCode` input component

* add `zipCode` field to form

* clear state when zipCode is invalid

* automatically set attending location whne only one option exists (virtual or in person)

* prevent defaulting to future message

* Show state text + remove input field

* remove unused code

* cleanup styles

* fix bug preventing selecting attendingLocation

data/types/infoSession.d.ts

@@ -30,5 +30,6 @@ export interface IInfoSessionFormValues {
   referencedBy: SelectItem;
   sessionDate: SelectItem;
   userLocation: SelectItem;
+  zipCode: string;
   attendingLocation: AttendingLocation;
 }

pages/api/infoSession/user.ts

@@ -39,6 +39,7 @@ export type FormDataSignup = {
   firstName: string;
   lastName: string;
   phone: string;
+  zipCode: string;
   userLocation: SelectItem;
   referencedBy: SelectItem;
   attendingLocation: AttendingLocation;
@@ -58,6 +59,7 @@ export interface ISessionSignup {
   locationType?: LocationType;
   sessionId: string;
   token: string;
+  zipCode: string;
   userLocation: string;
   attendingLocation: AttendingLocation;
   joinCode?: string;
@@ -90,6 +92,7 @@ function formatPayload(form: FormDataSignup): ISessionSignup {
     lastName,
     phone,
     referencedBy,
+    zipCode,
     userLocation: location,
     attendingLocation,
   } = form;
@@ -113,6 +116,7 @@ function formatPayload(form: FormDataSignup): ISessionSignup {
     locationType: session?.locationType,
     googlePlace: session?.googlePlace,
     token: GREENLIGHT_API_TOKEN ?? '',
+    zipCode,
     userLocation: location.additionalInfo || location.value,
     attendingLocation,
     joinCode: session?.code,