feat(tfi, poc): Provide Your Types of Financial Institutions - Skeleton; Point of Contact - Skeleton, Input Validation, Error Handling, Submission

[shindigira]

closes #284
closes #287
closes #297
closes #288

Changes

• style(Fieldgroup): Adhere's to the 770px max-width with box-border (includes borders, margins and padding into the max-width)
• style(SectionIntro): Adhere's to the 670px max-width with box-border (includes borders, margins and padding into the max-width)
• feat(poc): Point of Contacts - Skeleton
• feat(poc): Point of Contacts - Zod Schema
• feat(tfi): Types of Financial Institutions - Skeleton Implemented - awaiting functionality
• feat(vite proxy): add v1/filing as a vite proxy point.
• feat(poc): Create a submitPointOfContact request for use on the Point of Contact form.
• chore(FormMain): Created a FormMain component which is a wrapper component for <form />.

Screenshots

Point of Contact	PoC Error Header	Types of Financial Institutions

How to Test

Pre-requisites

• Make sure to yarn update, wipe all Docker containers and Docker volumes, run yarn seed.
• Add SBL_FILING_BASE_URL="http://localhost:8882" to your .env.

Test Set 0

• Code inspect the proxy changes
• Ensure all previously create requests are functioning properly
• Inspect the styling of Fieldgroup and ensure the 770px (48.125rem) limit is met (including borders, margins, etc).

Test Set 1

• If needed, toggleRouting() to disable enforced routing
• Navigate to http://localhost:8899/point-of-contact to verify Point of Contact
• Do not fill anything and hit submit. Double-check regex verification (ZIP code, phone number, email, etc)
• Fill out everything properly and hit submit. Check in Network tab along (compare with the swagger docs) that the request is properly implemented. NOTE: Currently, the request is not working (backend problem).

Test Set 2

• If needed, toggleRouting() to disable enforced routing
• Navigate to http://localhost:8899/types-financial-institutions to verify Types of Financial Institutions. No functionality at this moment.

TODO

• submitPointOfContact requires a corresponding lei and filing_period, so temporarily using HARDCODED values.
• Types of Financial Institutions: Waiting on Update Your Financial Institution to be completed before further updates to the zod schema, input validation and error handling.

Notes

• Includes commits from 222: Update Your Financial Institution; wait till that PR is merged in before this one.
• Currently, the submitPointOfContact request will return an 500 Internal Server Error. This can be ignored, see here.

[shindigira]

Heyo! Can I review this one @shindigira, with the assumption the other PRs get merged?

Sure, still WIP but it's at a good point for feedback!

Currently, in condition for review.

[shindigira]

These changes will prevent CORS errors. Be sure to set SBL_FILING_BASE_URL in your .env

[shindigira]

If you want to test the submitPointOfContact:

1.) Run the below script for the 123456789TESTBANK123 institution.

export RT_ACCESS_TOKEN=$(curl 'localhost:8880/realms/regtech/protocol/openid-connect/token' \
-X POST \
-H 'Content-Type: application/x-www-form-urlencoded' \
--data-urlencode 'username=admin1' \
--data-urlencode 'password=admin' \
--data-urlencode 'grant_type=password' \
--data-urlencode 'client_id=regtech-client' | jq -r '.access_token')

curl localhost:8881/v1/admin/me -H "Authorization: Bearer ${RT_ACCESS_TOKEN}" | jq -r '.'

curl -v -X POST http://localhost:8882/v1/filing/institutions/123456789TESTBANK123/filings/2024/ -H "Authorization: Bearer ${RT_ACCESS_TOKEN}" | jq -r '.'

2.) Then attempt the submitPointOfContact request in the app or in Bruno. For now, you will still get a 500 after the PUT request above. However, running:

GET {{filing_url}}/v1/filing/institutions/123456789TESTBANK123/filings/2024/contact-info

will still function properly to verify that the request worked properly as the contact information will be returned.

{
  "id": 2,
  "first_name": "asdf",
  "last_name": "asdf",
  "hq_address_street_1": "23423",
  "hq_address_street_2": "",
  "hq_address_city": "234",
  "hq_address_state": "arizona",
  "hq_address_zip": "23451",
  "email": "[email protected]",
  "phone": "234-234-2344"
}

[meissadia]

Looking good 👍🏾