guardian / manage-frontend - Conditional Complexity

Intro

Conditional complexity (also called cyclomatic complexity) is a term used to measure the complexity of software. The term refers to the number of possible paths through a program function. A higher value ofter means higher maintenance and testing costs (infosecinstitute.com).
Conditional complexity is calculated by counting all conditions in the program that can affect the execution path (e.g. if statement, loops, switches, and/or operators, try and catch blocks...).
Conditional complexity is measured at the unit level (methods, functions...).
Units are classified in four categories based on the measured McCabe index: 1-5 (simple units), 6-10 (medium complex units), 11-25 (complex units), 26+ (very complex units).

Learn more...

Conditional Complexity Overall

There are 330 units with 4,789 lines of code in units (8.3% of code).

0 very complex units (0 lines of code)
0 complex units (0 lines of code)
8 medium complex units (513 lines of code)
17 simple units (620 lines of code)
305 very simple units (3,656 lines of code)

Legend:

51+

26-50

11-25

6-10

1-5

Alternative Visuals

3D view of all units

Conditional Complexity per Extension

51+

26-50

11-25

6-10

1-5

Conditional Complexity per Logical Component

primary logical decomposition

51+

26-50

11-25

6-10

1-5

Most Complex Units

Top 50 most complex units

Unit	# lines	McCabe index	# params
export function getSpecificProductType() in shared/productResponse.ts	54	21	1
async function startCardUpdate() in client/components/mma/paymentUpdate/card/stripeCardInputForm.tsx	87	19	0
function getGbpAnnual() in client/utilities/pricingConfig/suggestedAmounts.ts	46	15	1
function getUsdAnnual() in client/utilities/pricingConfig/suggestedAmounts.ts	46	15	1
function renderProductBillingInfo() in client/components/mma/billing/Billing.tsx	175	13	4
function getAusAnnual() in client/utilities/pricingConfig/suggestedAmounts.ts	40	13	1
function validateChoice() in client/components/mma/accountoverview/updateAmount/SupporterPlusUpdateAmountForm.tsx	31	11	6
function getEuroAnnual() in client/utilities/pricingConfig/suggestedAmounts.ts	34	11	1
function validateChoice() in client/components/mma/accountoverview/updateAmount/ContributionUpdateAmountForm.tsx	30	10	6
function getGbpMonthly() in client/utilities/pricingConfig/suggestedAmounts.ts	31	10	1
export function useFetch() in client/utilities/hooks/useFetch.ts	58	10	2
function getUsdMonthly() in client/utilities/pricingConfig/suggestedAmounts.ts	28	9	1
function getAusMonthly() in client/utilities/pricingConfig/suggestedAmounts.ts	28	9	1
export function determineAppStore() in shared/mpapiResponse.ts	18	8	1
function getEuroMonthly() in client/utilities/pricingConfig/suggestedAmounts.ts	25	8	1
await revokeAccessToken() in server/middleware/identityMiddleware.ts	75	8	1
const authenticateWithIdapi:() in server/middleware/identityMiddleware.ts	78	8	1
function validateChoice() in client/components/mma/upgrade/UpgradeSupportAmountForm.tsx	20	7	5
public render() in client/components/mma/paymentUpdate/FieldWrapper.tsx	80	6	0
handleSubmit: async() in client/components/mma/identity/settings/SettingsFormSection.tsx	26	6	2
public render() in client/components/mma/shared/AsyncLoader.tsx	29	6	0
withCurrency() in client/fixtures/productBuilder/productBuilder.ts	22	6	1
withBillingPeriod() in client/fixtures/productBuilder/productBuilder.ts	18	6	1
withPrice() in client/fixtures/productBuilder/productBuilder.ts	19	6	1
export const withIdentity:() in server/middleware/identityMiddleware.ts	35	6	2
isLeapYear: dateIsLeapYear() in shared/dates.ts	59	5	1
await processResponse() in client/components/mma/paymentUpdate/dd/DirectDebitInputForm.tsx	17	5	1
public componentDidMount() in client/components/mma/shared/AsyncLoader.tsx	21	5	0
export const getMainPlan:() in shared/productResponse.ts	22	4	1
export function getBillingPeriodAdjective() in shared/productTypes.ts	14	4	1
We use a type of cookie technology called an SDK() in client/components/helpCentre/liveChat/LiveChatPrivacyNotice.tsx	12	4	1
function getPaymentInterval() in client/components/mma/paymentUpdate/PaymentDetailUpdateConfirmation.tsx	9	4	1
handleSubmit: async() in client/components/mma/identity/publicProfile/ProfileFormSection.tsx	16	4	2
function handleSingleResponse() in client/components/mma/shared/asyncComponents/DefaultApiResponseHandler.tsx	9	4	2
private handleError() in client/components/mma/shared/AsyncLoader.tsx	17	4	1
function getChargedThroughDateStr() in client/components/mma/cancel/CancellationReasonSelection.tsx	14	4	1
export function getStripeKey() in client/utilities/stripe.ts	15	4	2
constructor() in cdk/lib/manage-frontend.ts	163	4	3
signInStatus: signInStatus() in server/oauth.ts	8	4	3
export function isPaidSubscriptionPlan() in shared/productResponse.ts	9	3	1
public render() in client/components/shared/ErrorBoundary.tsx	10	3	0
export function getLogos() in client/components/mma/paymentUpdate/PaymentDetailUpdate.tsx	21	3	1
async function validateDirectDebitDetails() in client/components/mma/paymentUpdate/dd/DirectDebitInputForm.tsx	26	3	1
public render() in client/components/mma/paymentUpdate/dd/DirectDebitLegal.tsx	57	3	0
async subscribe() in client/components/mma/identity/identity.ts	9	3	1
async unsubscribe() in client/components/mma/identity/identity.ts	9	3	1
export function handleResponses() in client/components/mma/shared/asyncComponents/DefaultApiResponseHandler.tsx	14	3	2
color: calcTextColour() in client/components/mma/shared/Buttons.tsx	7	3	4
function userIsNavigatingBackFromThankYouPage() in client/components/mma/upgrade/UpgradeSupportContainer.tsx	7	3	1
function productHasEarlySaveJourney() in client/components/mma/cancel/CancellationJourneyFunnel.tsx	6	3	1