6711 FECfile+ Eligibility Widget

[rfultz]

Summary

• Resolves Build efiling wizard to help guide potential users #6711

Initial build for the FECfile+ eligibility widget

Required reviewers

• UX
• devs

Impacted areas of the application

General components of the application that this PR will affect:

• Admin Fines calculator: specifically use Vue 2 and don't switch to 3. Yet.
• Admin Fines: fixed typos
• gulpfile: fixed a typo
• init.js: edited to include a check for this widget's launch button
• Webpack config: added this widget, added config vars for Vue 3, removed a previously-commented legal config (that wasn't being used)
• package.json: added Vue 3 beside Vue 2

Screenshots

Related PRs

None

How to test

CMS

• Go into the admin or pages (www team)
• Edit a Wagtail page to include something like <button class="button button--cta button--go js-launch-fecfile-eligibility">Launch!</button> (The js-launch-fecfile-eligibility class is the important part)

(I used http://127.0.0.1:8000/help-candidates-and-committees/filing-reports/electronic-filing/getting-started-fecfile-pilot/ because it seemed to make sense)

Code

• Pull the branch
• npm i
• npm run build
• Go to the page (the H4CC page linked above)
• Your button should appear but the should not be open
• Click your new button
• The <dialog> should open
• Click the X to close it. (It should close)
• Edit the URL to append ?dialog=open and hit Enter
• The <dialog> should start in an open state
• From this point, review all the content and functionality across device widths (>=400px)
• Also: check that the admin fines calculator still works fine

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 78.17%. Comparing base (e5a9723) to head (010cca5).
⚠️ Report is 7 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #6793   +/-   ##
========================================
  Coverage    78.17%   78.17%           
========================================
  Files          240      240           
  Lines         5407     5407           
========================================
  Hits          4227     4227           
  Misses        1180     1180           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[JonellaCulmer]

@rfultz Two changes from Ryan, both on the allocating question:

1. Update the allocating question to: "Does your committee anticipate allocating financial activity between federal and nonfederal accounts and/or anticipate receiving bundled contributions from lobbyists/registrants and lobbyist/registrant PACs?"
2. Remove the Example text below that question.

No other changes. Once that's done I can approve.

[rfultz]

@JonellaCulmer

[JonellaCulmer]

This looks great! Thank you for the last-minute changes on the allocating screen.