…n date

Add manage usage route to user menu

Updating usage endpoints for organizations and subscriptions

* disable MFA section in account settings when user doesn't have subscription and stripe is enabled

* prevent 2FA flow on login for free users when Stripe is enabled

* refactor mfa login tests

* add tests for stripe-specific MFA features

* remove unused import

* refactor MFALoginView.form_valid

* change back a conditional that got hardwired during testing

* refactor hasActiveSubscription

* don't error when checking MFA settings while Stripe is disabled

* fix linting errors in stripe.utils.js

* use @override_settings instead of directly changing settings

* prevent MFA login without subscription when using SSO

* merge in fixes from noliveleger

* add test to ensure that skipped MFA login doesn't create a vulnerability

* don't restrict MFA access for explicitly allowed users

* add test for per-user availability

Usage limits 2fa fixes

 # Conflicts:
 #	kpi/tests/api/test_api_environment.py
 #	kpi/views/environment.py

* add button color option for dark blue

* Added props to style koboModal header and footer

* Modal for any limits exceeding and calculating those limits.

* Add translation function

* Add css padding and aria labels

* Linting and formating

* update kobo-common version

* Updated lock file with version kobo-compose

* Updated color and kobo common version to older version

* Bug fix for initial load not rendering update to limits

* ran install to fix build error

* Fixed package lock from merge conflict

* initial style for limit banner

* Add dark red button styles

* updated to use bytes not GB

* Linting and formatting fixes

* Updated banner to only show when dismissed is true and cleaned up some code

* Clean  up and PR updates

* added initial check for constant free_tier_thresholds

* removed console logs

* added line for data being set to submission limits for free tier thresholds

* PR updates to refactor and fix small style bugs

…nterval

…o-projects-page

Add Modal and Banner for when user goes over limits to my projects page

* add usage limits to usage page

* add recurring property to price

* add highlights for usage over limits with very basic styling

* add warning icon

* prevent subscriptionStore from sending multiple simultaneous fetches

* install prettybytes

* add amber to icon color options

* update usage page structure to match figma

* fix ts error in subscriptionStore

* allow service_usage to accept POST requests

* refactor getUsage to optionally send organization_id

* update usage page

* show monthly/annual usage data based on plan type, add loading state

* fix some ts/linting errors

* remove unused file dataUsageStore.ts

* extract UsageContainer component

* extract some logic to *.api.* files

* remove unused imports

* add missing usageContainer tsx and scss files

* finalize styling

* get usage by organization in overlimits banners/modal

* extract USAGE_WARNING_RATIO to a constant

* run prettier/eslint

* remove unused imports from subscriptionStore

* try/catch call to getOrganization

* refactor date formatting utils

* use refactored formatDate instead of recreating it

* fix misleading type

* refactor isLoaded to isInitialised

* try/catch in getUsageForOrganization

* extract usage.loaded to separate booleans

* handle null return from getUsageForOrganization

* remove duplicate visuallyhidden class

* refactor RecurringInterval to type instead of enum

* extract AriaText component to common components library

* change dates to use time tags

* add story for AriaText

* use base kobo colors instead of modifying opacity in usageContainer

* remove mobx observables from react dep arrays

* pull truncate into a utility function

* remove some unnecessary brackets around JSX string args