Merge pull request #1830 from GSA/1824-data-viz-changes

1824 data viz changes

.ds.baseline

@@ -0,0 +1,696 @@
+{
+  "version": "1.5.0",
+  "plugins_used": [
+    {
+      "name": "ArtifactoryDetector"
+    },
+    {
+      "name": "AWSKeyDetector"
+    },
+    {
+      "name": "AzureStorageKeyDetector"
+    },
+    {
+      "name": "Base64HighEntropyString",
+      "limit": 4.5
+    },
+    {
+      "name": "BasicAuthDetector"
+    },
+    {
+      "name": "CloudantDetector"
+    },
+    {
+      "name": "DiscordBotTokenDetector"
+    },
+    {
+      "name": "GitHubTokenDetector"
+    },
+    {
+      "name": "GitLabTokenDetector"
+    },
+    {
+      "name": "HexHighEntropyString",
+      "limit": 3.0
+    },
+    {
+      "name": "IbmCloudIamDetector"
+    },
+    {
+      "name": "IbmCosHmacDetector"
+    },
+    {
+      "name": "IPPublicDetector"
+    },
+    {
+      "name": "JwtTokenDetector"
+    },
+    {
+      "name": "KeywordDetector",
+      "keyword_exclude": ""
+    },
+    {
+      "name": "MailchimpDetector"
+    },
+    {
+      "name": "NpmDetector"
+    },
+    {
+      "name": "OpenAIDetector"
+    },
+    {
+      "name": "PrivateKeyDetector"
+    },
+    {
+      "name": "PypiTokenDetector"
+    },
+    {
+      "name": "SendGridDetector"
+    },
+    {
+      "name": "SlackDetector"
+    },
+    {
+      "name": "SoftlayerDetector"
+    },
+    {
+      "name": "SquareOAuthDetector"
+    },
+    {
+      "name": "StripeDetector"
+    },
+    {
+      "name": "TelegramBotTokenDetector"
+    },
+    {
+      "name": "TwilioKeyDetector"
+    }
+  ],
+  "filters_used": [
+    {
+      "path": "detect_secrets.filters.allowlist.is_line_allowlisted"
+    },
+    {
+      "path": "detect_secrets.filters.common.is_baseline_file",
+      "filename": ".ds.baseline"
+    },
+    {
+      "path": "detect_secrets.filters.common.is_ignored_due_to_verification_policies",
+      "min_level": 2
+    },
+    {
+      "path": "detect_secrets.filters.heuristic.is_indirect_reference"
+    },
+    {
+      "path": "detect_secrets.filters.heuristic.is_likely_id_string"
+    },
+    {
+      "path": "detect_secrets.filters.heuristic.is_lock_file"
+    },
+    {
+      "path": "detect_secrets.filters.heuristic.is_not_alphanumeric_string"
+    },
+    {
+      "path": "detect_secrets.filters.heuristic.is_potential_uuid"
+    },
+    {
+      "path": "detect_secrets.filters.heuristic.is_prefixed_with_dollar_sign"
+    },
+    {
+      "path": "detect_secrets.filters.heuristic.is_sequential_string"
+    },
+    {
+      "path": "detect_secrets.filters.heuristic.is_swagger_file"
+    },
+    {
+      "path": "detect_secrets.filters.heuristic.is_templated_secret"
+    }
+  ],
+  "results": {
+    ".github/workflows/checks.yml": [
+      {
+        "type": "Secret Keyword",
+        "filename": ".github/workflows/checks.yml",
+        "hashed_secret": "5baa61e4c9b93f3f0682250b6cf8331b7ee68fd8",
+        "is_verified": false,
+        "line_number": 68,
+        "is_secret": false
+      },
+      {
+        "type": "Basic Auth Credentials",
+        "filename": ".github/workflows/checks.yml",
+        "hashed_secret": "5baa61e4c9b93f3f0682250b6cf8331b7ee68fd8",
+        "is_verified": false,
+        "line_number": 103,
+        "is_secret": false
+      }
+    ],
+    "app/assets/js/uswds.min.js": [
+      {
+        "type": "Secret Keyword",
+        "filename": "app/assets/js/uswds.min.js",
+        "hashed_secret": "372ea08cab33e71c02c651dbc83a474d32c676ea",
+        "is_verified": false,
+        "line_number": 85,
+        "is_secret": false
+      },
+      {
+        "type": "Secret Keyword",
+        "filename": "app/assets/js/uswds.min.js",
+        "hashed_secret": "53e07a32bf191d6917ee6fd863f0b52632a86798",
+        "is_verified": false,
+        "line_number": 85,
+        "is_secret": false
+      }
+    ],
+    "app/config.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "app/config.py",
+        "hashed_secret": "577a4c667e4af8682ca431857214b3a920883efc",
+        "is_verified": false,
+        "line_number": 117,
+        "is_secret": false
+      }
+    ],
+    "app/main/_commonly_used_passwords.py": [
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "82e19fa12aab7cfc718a002fc82c0f074bf070e7",
+        "is_verified": false,
+        "line_number": 123,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "a172ffc990129fe6f68b50f6037c54a1894ee3fd",
+        "is_verified": false,
+        "line_number": 240,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "4de69ee6b12b7fc91070873b71ba6e2929b90619",
+        "is_verified": false,
+        "line_number": 244,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "370194ff6e0f93a7432e16cc9badd9427e8b4e13",
+        "is_verified": false,
+        "line_number": 284,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "3dd635a808ddb6dd4b6731f7c409d53dd4b14df2",
+        "is_verified": false,
+        "line_number": 356,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "67a74306b06d0c01624fe0d0249a570f4d093747",
+        "is_verified": false,
+        "line_number": 374,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "61d6504733ca7757e259c644acd085c4dd471019",
+        "is_verified": false,
+        "line_number": 910,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "4ea872dfd7eefbde0036da7f0780826353dc7477",
+        "is_verified": false,
+        "line_number": 940,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "b214f706bb602c1cc2adc5c6165e73622305f4bb",
+        "is_verified": false,
+        "line_number": 1010,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "5cbabd43e49a1fedbbc3b86311aa6c8fe446abf9",
+        "is_verified": false,
+        "line_number": 1195,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "18ad10fd4a67f21fc07b1aa5046b410f6b2bedf1",
+        "is_verified": false,
+        "line_number": 1213,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "10470c3b4b1fed12c3baac014be15fac67c6e815",
+        "is_verified": false,
+        "line_number": 1263,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "65e1946c8f102eca8ba0af291f7c5e807516d94c",
+        "is_verified": false,
+        "line_number": 1346,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "0075df0a74c07ee295c98238c018401c9a80183b",
+        "is_verified": false,
+        "line_number": 1397,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "ca0023d7b345802fbc227b902cb9c57a3e02195f",
+        "is_verified": false,
+        "line_number": 1442,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "c8c6ca2e11c2dfd2a40914585b5944bffea15c8c",
+        "is_verified": false,
+        "line_number": 1555,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "b85b97a99eab8c809570c61d6404c1e49bdefbb4",
+        "is_verified": false,
+        "line_number": 1596,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "dec7dd342a499dfd4d283d872ccf598d8a7b6039",
+        "is_verified": false,
+        "line_number": 1789,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "2dc5053699a351121bf839c446bd4a878dda5735",
+        "is_verified": false,
+        "line_number": 1939,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "e5d54f0ac13abbdaa94b696c2469148b96dd11ab",
+        "is_verified": false,
+        "line_number": 2242,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "6059f42e2bbae78141e8a9e6286755ee691d5ce0",
+        "is_verified": false,
+        "line_number": 2305,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "fe703d258c7ef5f50b71e06565a65aa07194907f",
+        "is_verified": false,
+        "line_number": 2348,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "c229b68e1c3ffd9874838b5cb5354a0ee1367ddc",
+        "is_verified": false,
+        "line_number": 2349,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "756de479126e911b6f3400ae686d663d9d26b509",
+        "is_verified": false,
+        "line_number": 2920,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "6b174322afcdb440ee9cc3cc11eb16f9a00dec04",
+        "is_verified": false,
+        "line_number": 2975,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "9860783bfb510cbb2bf34471ec0b84a7ea587695",
+        "is_verified": false,
+        "line_number": 3359,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "b227cbd22eaa96019ebfc4aff35ad2add2a47439",
+        "is_verified": false,
+        "line_number": 3590,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "381d48209aecab8834eb495c5b5406100da07882",
+        "is_verified": false,
+        "line_number": 3811,
+        "is_secret": false
+      },
+      {
+        "type": "Hex High Entropy String",
+        "filename": "app/main/_commonly_used_passwords.py",
+        "hashed_secret": "508b38590a90d32990aadd7350d160b795c3ab41",
+        "is_verified": false,
+        "line_number": 3850,
+        "is_secret": false
+      }
+    ],
+    "app/templates/new/components/head.html": [
+      {
+        "type": "Base64 High Entropy String",
+        "filename": "app/templates/new/components/head.html",
+        "hashed_secret": "ee5048791fc7ff45a1545e24f85bec3317371327",
+        "is_verified": false,
+        "line_number": 34,
+        "is_secret": false
+      }
+    ],
+    "app/templates/old/admin_template.html": [
+      {
+        "type": "Base64 High Entropy String",
+        "filename": "app/templates/old/admin_template.html",
+        "hashed_secret": "ee5048791fc7ff45a1545e24f85bec3317371327",
+        "is_verified": false,
+        "line_number": 18,
+        "is_secret": false
+      }
+    ],
+    "deploy-config/sandbox.yml": [
+      {
+        "type": "Secret Keyword",
+        "filename": "deploy-config/sandbox.yml",
+        "hashed_secret": "113151dd10316fcb0d5507b6215d78e2f3fe9e54",
+        "is_verified": false,
+        "line_number": 8,
+        "is_secret": false
+      }
+    ],
+    "pytest.ini": [
+      {
+        "type": "Secret Keyword",
+        "filename": "pytest.ini",
+        "hashed_secret": "577a4c667e4af8682ca431857214b3a920883efc",
+        "is_verified": false,
+        "line_number": 7,
+        "is_secret": false
+      },
+      {
+        "type": "Base64 High Entropy String",
+        "filename": "pytest.ini",
+        "hashed_secret": "d347784b1ab6074a65cda7bc42f1561bed85493f",
+        "is_verified": false,
+        "line_number": 7,
+        "is_secret": false
+      },
+      {
+        "type": "Base64 High Entropy String",
+        "filename": "pytest.ini",
+        "hashed_secret": "ed1754d5cc82c8fd83205ebfb8c43fe4e88415a4",
+        "is_verified": false,
+        "line_number": 9,
+        "is_secret": false
+      },
+      {
+        "type": "Secret Keyword",
+        "filename": "pytest.ini",
+        "hashed_secret": "a94a8fe5ccb19ba61c4c0873d391e987982fbbd3",
+        "is_verified": false,
+        "line_number": 11,
+        "is_secret": false
+      }
+    ],
+    "tests/__init__.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/__init__.py",
+        "hashed_secret": "f8377c90fcfd699f0ddbdcb30c2c9183d2d933ea",
+        "is_verified": false,
+        "line_number": 388,
+        "is_secret": false
+      }
+    ],
+    "tests/app/main/forms/test_register_user_form.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/forms/test_register_user_form.py",
+        "hashed_secret": "8c6c978dc8e08771c7dea1ea2370fdf2446e5ba5",
+        "is_verified": false,
+        "line_number": 38,
+        "is_secret": false
+      }
+    ],
+    "tests/app/main/test_errorhandlers.py": [
+      {
+        "type": "Base64 High Entropy String",
+        "filename": "tests/app/main/test_errorhandlers.py",
+        "hashed_secret": "005fa73b3f2be8f0d71d361c1f0a9d787cd09b4e",
+        "is_verified": false,
+        "line_number": 33,
+        "is_secret": false
+      }
+    ],
+    "tests/app/main/test_request_header.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/test_request_header.py",
+        "hashed_secret": "6866ef97a972ba3a2c6ff8bb2812981054770162",
+        "is_verified": false,
+        "line_number": 21,
+        "is_secret": false
+      }
+    ],
+    "tests/app/main/views/organizations/test_organization_invites.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/views/organizations/test_organization_invites.py",
+        "hashed_secret": "bdbb156d25d02fd7792865824201dda1c60f4473",
+        "is_verified": false,
+        "line_number": 274,
+        "is_secret": false
+      },
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/views/organizations/test_organization_invites.py",
+        "hashed_secret": "5baa61e4c9b93f3f0682250b6cf8331b7ee68fd8",
+        "is_verified": false,
+        "line_number": 282,
+        "is_secret": false
+      }
+    ],
+    "tests/app/main/views/test_accept_invite.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/views/test_accept_invite.py",
+        "hashed_secret": "07f0a6c13923fc3b5f0c57ffa2d29b715eb80d71",
+        "is_verified": false,
+        "line_number": 626,
+        "is_secret": false
+      }
+    ],
+    "tests/app/main/views/test_new_password.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/views/test_new_password.py",
+        "hashed_secret": "a41d5c3bbcd0b39c627b9cbf4897c6d25efa694f",
+        "is_verified": false,
+        "line_number": 89,
+        "is_secret": false
+      }
+    ],
+    "tests/app/main/views/test_register.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/views/test_register.py",
+        "hashed_secret": "bdbb156d25d02fd7792865824201dda1c60f4473",
+        "is_verified": false,
+        "line_number": 122,
+        "is_secret": false
+      },
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/views/test_register.py",
+        "hashed_secret": "5baa61e4c9b93f3f0682250b6cf8331b7ee68fd8",
+        "is_verified": false,
+        "line_number": 201,
+        "is_secret": false
+      },
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/views/test_register.py",
+        "hashed_secret": "bb5b7caa27d005d38039e3797c3ddb9bcd22c3c8",
+        "is_verified": false,
+        "line_number": 274,
+        "is_secret": false
+      }
+    ],
+    "tests/app/main/views/test_sign_in.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/views/test_sign_in.py",
+        "hashed_secret": "8b8b69116ee882b5e987e330f55db81aba0636f9",
+        "is_verified": false,
+        "line_number": 97,
+        "is_secret": false
+      }
+    ],
+    "tests/app/main/views/test_two_factor.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/views/test_two_factor.py",
+        "hashed_secret": "dc66ad927c29e31c6c374231f57a4684b0687bfe",
+        "is_verified": false,
+        "line_number": 290,
+        "is_secret": false
+      }
+    ],
+    "tests/app/main/views/test_user_profile.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/views/test_user_profile.py",
+        "hashed_secret": "8072d7aad32964ec43fbcb699c75dc38890792f7",
+        "is_verified": false,
+        "line_number": 350,
+        "is_secret": false
+      },
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/views/test_user_profile.py",
+        "hashed_secret": "4c9dbb972da179e4f66f023eaa5fb9451d835030",
+        "is_verified": false,
+        "line_number": 351,
+        "is_secret": false
+      }
+    ],
+    "tests/app/main/views/test_verify.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/main/views/test_verify.py",
+        "hashed_secret": "faafcfa63e128929409bf310b7ea5a415f2331ce",
+        "is_verified": false,
+        "line_number": 160,
+        "is_secret": false
+      }
+    ],
+    "tests/app/notify_client/test_user_client.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/notify_client/test_user_client.py",
+        "hashed_secret": "f2c57870308dc87f432e5912d4de6f8e322721ba",
+        "is_verified": false,
+        "line_number": 55,
+        "is_secret": false
+      }
+    ],
+    "tests/app/test_cloudfoundry_config.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/test_cloudfoundry_config.py",
+        "hashed_secret": "5e44dae2de8b6e57c797b968035265c9f2cd2b3e",
+        "is_verified": false,
+        "line_number": 12,
+        "is_secret": false
+      },
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/app/test_cloudfoundry_config.py",
+        "hashed_secret": "e5e178db7317356946d13e5d2da037d39ac61c71",
+        "is_verified": false,
+        "line_number": 27,
+        "is_secret": false
+      }
+    ],
+    "tests/conftest.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/conftest.py",
+        "hashed_secret": "f8377c90fcfd699f0ddbdcb30c2c9183d2d933ea",
+        "is_verified": false,
+        "line_number": 3266,
+        "is_secret": false
+      }
+    ],
+    "tests/notifications_utils/clients/antivirus/test_antivirus_client.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/notifications_utils/clients/antivirus/test_antivirus_client.py",
+        "hashed_secret": "932b25270abe1301c22c709a19082dff07d469ff",
+        "is_verified": false,
+        "line_number": 16,
+        "is_secret": false
+      }
+    ],
+    "tests/notifications_utils/clients/encryption/test_encryption_client.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/notifications_utils/clients/encryption/test_encryption_client.py",
+        "hashed_secret": "f1e923a9667de11be6a210849a8651c1bfd81605",
+        "is_verified": false,
+        "line_number": 13,
+        "is_secret": false
+      }
+    ],
+    "tests/notifications_utils/clients/zendesk/test_zendesk_client.py": [
+      {
+        "type": "Secret Keyword",
+        "filename": "tests/notifications_utils/clients/zendesk/test_zendesk_client.py",
+        "hashed_secret": "913a73b565c8e2c8ed94497580f619397709b8b6",
+        "is_verified": false,
+        "line_number": 16,
+        "is_secret": false
+      }
+    ]
+  },
+  "generated_at": "2024-08-07T14:36:40Z"
+}

.github/ISSUE_TEMPLATE/bug_template.yml

@@ -0,0 +1,71 @@
+name: "Bug Report"
+description: "Use this template to file a bug report"
+title: "Bug: [Brief description of the bug]"
+
+labels:
+  - "Type: Bug"
+
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Please use this form to file new bugs! Add screenshots to the comments of this initial form.
+  - type: input
+    id: contact
+    attributes:
+      label: Who discovered this?
+      description: Was it something you found or are you filing for someone else? If someone else, how can we contact them?
+      placeholder: ex. email@example.com
+    validations:
+      required: false
+  - type: textarea
+    id: what-happened
+    attributes:
+      label: What happened?
+      description: Also tell us, what did you expect to happen?
+      placeholder: Tell us what you see!
+      value: "A bug happened!"
+    validations:
+      required: true
+  - type: dropdown
+    id: environment
+    attributes:
+      label: Environment
+      description: In which environment did you experience the bug?
+      options:
+        - staging 
+        - demo
+        - production
+    validations:
+      required: true
+  - type: textarea
+    id: page
+    attributes:
+      label: What pages did this appear on?
+      description: please include URLs of where you saw the bug
+    validations:
+      required: true
+  - type: textarea
+    id: reproSteps
+    attributes:
+      label: "Detail the steps for someone to reproduce"
+      description: "Reproduction steps"
+    validations:
+      required: true
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: What browsers are you seeing the problem on?
+      multiple: true
+      options:
+        - Firefox
+        - Chrome
+        - Safari
+        - Microsoft Edge
+  - type: textarea
+    id: logs
+    attributes:
+      label: Relevant log output
+      description: Please copy and paste any relevant log output. This will be automatically formatted into code, so no need for backticks.
+      render: shell
+    

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1 @@
+blank_issues_enabled: true

.github/ISSUE_TEMPLATE/issue_template.yml

@@ -0,0 +1,76 @@
+name: "User Story Template"
+description: "Use this template for creating user stories"
+title: "User Story: [Brief description of the user story]"
+
+labels:
+  - "Type: User Story"
+
+body:
+  - type: markdown
+    attributes:
+      value: '**User Story:**'
+  - type: textarea
+    id: userType
+    attributes:
+      label: "As a [type of user],"
+      description: "Describe the type of user involved in this story."
+    validations:
+      required: true
+  - type: textarea
+    id: actionFeature
+    attributes:
+      label: "I want [an action or feature],"
+      description: "Describe the desired action or feature from the user's perspective."
+    validations:
+      required: true
+  - type: textarea
+    id: benefitValue
+    attributes:
+      label: "So that [benefit or value]."
+      description: "Describe the benefit or value the user expects from the action or feature."
+    validations:
+      required: true
+
+  - type: markdown
+    attributes:
+      value: '**Acceptance Criteria:**'
+  - type: textarea
+    id: acceptanceCriteria
+    attributes:
+      label: "Detailed condition or criteria that must be met for the user story to be considered complete."
+      description: "List the acceptance criteria for the user story."
+    validations:
+      required: true
+
+  - type: markdown
+    attributes:
+      value: '**Tasks:**'
+  - type: textarea
+    id: tasks
+    attributes:
+      label: "List of specific tasks or sub-tasks that need to be done to implement the user story."
+      description: "Outline the tasks necessary to implement the user story."
+    validations:
+      required: true
+
+  - type: markdown
+    attributes:
+      value: '**Dependencies:**'
+  - type: textarea
+    id: dependencies
+    attributes:
+      label: "List any dependencies that need to be resolved before starting or completing this user story."
+      description: "Specify any dependencies related to the user story."
+    validations:
+      required: false
+
+  - type: markdown
+    attributes:
+      value: '**Notes:**'
+  - type: textarea
+    id: notes
+    attributes:
+      label: "Any additional information or context that might be useful for the team."
+      description: "Provide any extra notes or context for the user story."
+    validations:
+      required: false

.github/ISSUE_TEMPLATE/manual_qa_template.yml

@@ -0,0 +1,82 @@
+name: "QA Checklist"
+description: "Use this template to manually QA for prod push"
+title: "QA for prod push: Admin #[insert PR number], API #[insert PR number], Utils #[insert PR number]"
+
+body:
+- type: checkboxes
+  id: Logging_in
+  attributes:
+    label: Log In
+    options:
+      - label: notify-staging.app.cloud.gov resolves
+      - label: Clicking sign in takes you to login page
+      - label: 2FA code is sent promptly
+      - label: 2FA code input screen appears as expected
+      - label: After code is entered, you are brought to the “choose service” screen
+      - label: Choosing a service brings you to the dashboard for that service
+
+- type: checkboxes
+  id: send_template
+  attributes:
+    label: Create a template and send
+    options:
+      - label: Clicking “Send messages” brings you to templates page
+      - label: When “Create a template” button is clicked, the option to create new or copy existing template appears
+      - label: Uploading a csv is quick and automatically directs you to the preview/send page
+      - label: Formatting looks clean and in place
+      - label: Message dashboard populates and shows “pending” until call is made to AWS for delivery receipt
+
+
+- type: checkboxes
+  id: send__copied_template
+  attributes:
+    label: Send a message from copied template
+    options:
+      - label: When “Create a template” button is clicked, the option to create new or copy existing template appears
+      - label: Clicking “copy an existing template” allows you to choose from pre-existing template
+      - label: After editing, the new template saves and you prepare to send
+
+
+- type: checkboxes
+  id: send__existing_template
+  attributes:
+    label: Send a message from existing template
+    options:
+      - label: Clicking on existing template brings you to preview screen with `prepare to send` button
+      - label: All else above persists as true (formatting, send, dashboard, etc)
+
+- type: checkboxes
+  id: download_report
+  attributes:
+    label: Download the csv delivery report
+    options:
+      - label: Clicking on the csv download directly after a message send downloads a report that contains the data we expect
+      - label: The batch report appears on the main dashboard batch table with accurate information
+      - label: Clicking on the csv download link from the main dashboard downloads a report that contains the data we expect
+
+- type: checkboxes
+  id: invite_member
+  attributes:
+    label: Invite a team member
+    options:
+      - label: Clicking on “Team” in settings  brings you to team member screen
+      - label: Clicking “Invite a team member” brings you to email and permissions screen
+      - label: Clicking invite team member sends an invite and shows confirmation
+      - label: Invite email provides live link that works to register new team member
+
+- type: checkboxes
+  id: delete_member
+  attributes:
+    label: Delete a team member
+    options:
+      - label: From team member screen, clicking “Change Details” on a specific profile brings you to that person’s profile
+      - label: Clicking on “Remove this team member” prompts a confirmation
+      - label: Clicking the confirmation removes the team member
+    
+- type: checkboxes
+  id: sign_out
+  attributes:
+    label: Sign Out
+    options:
+      - label: Hitting “Sign Out” takes you back to the homepage and logs you out 
+

.github/actions/setup-project/action.yml

@@ -9,13 +9,13 @@ runs:
         sudo apt-get update \
         && sudo apt-get install -y --no-install-recommends \
         libcurl4-openssl-dev
-    - name: Set up Python 3.9
-      uses: actions/setup-python@v3
+    - name: Set up Python 3.12.3
+      uses: actions/setup-python@v4
       with:
-        python-version: "3.9"
-    - name: Install pipenv  
+        python-version: "3.12.3"
+    - name: Install poetry
       shell: bash
-      run: pip install --upgrade pipenv
+      run: pip install poetry
     - name: Install application dependencies
       shell: bash
       run: make bootstrap

.github/dependabot.yml

@@ -3,14 +3,14 @@
 # Please see the documentation for all configuration options:
 # https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
 
-version: 3
+version: 2
 updates:
   - package-ecosystem: "pip" # See documentation for possible values
     directory: "/" # Location of package manifests
     schedule:
       interval: "daily"
-  - package-ecosystem: 'npm'
-    directory: '/'
+  - package-ecosystem: "npm"
+    directory: "/"
     schedule:
-      interval: 'daily'
-
+      interval: "daily"
+    versioning-strategy: increase

.github/pull_request_template.md

@@ -0,0 +1,22 @@
+<!--
+Not sure what you should include or write in a pull request?  Please read the
+[pull request documentation in our docs!](https://github.com/GSA/notifications-api/blob/main/docs/all.md#pull-requests)
+-->
+
+*A note to PR reviewers: it may be helpful to review our [code review documentation](https://github.com/GSA/notifications-api/blob/main/docs/all.md#code-reviews) to know what to keep in mind while reviewing pull requests.*
+
+## Description
+
+Please enter a detailed description here.
+
+## TODO (optional)
+
+* [ ] TODO item 1
+* [ ] TODO item 2
+* [ ] TODO item ...
+
+## Security Considerations
+
+* Consideration 1
+* Consideration 2
+* Consideration ...

.github/workflows/checks.yml

@@ -7,12 +7,12 @@ permissions:
 
 env:
   NOTIFY_ENVIRONMENT: test
-  NEW_RELIC_CONFIG_FILE: newrelic.ini
-  NEW_RELIC_ENVIRONMENT: test
   FLASK_APP: application.py
   WERKZEUG_DEBUG_PIN: off
   REDIS_ENABLED: 0
   NODE_VERSION: 16.15.1
+  AWS_US_TOLL_FREE_NUMBER: "+18556438890"
+  ADMIN_BASE_URL: http://localhost:6012
 
 jobs:
   build:
@@ -22,7 +22,13 @@ jobs:
       contents: write
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "22.3.0"
+      - name: Install dependencies
+        run: npm install
       - uses: ./.github/actions/setup-project
       - uses: jwalton/gh-find-current-pr@v1
         id: findPr
@@ -33,65 +39,167 @@ jobs:
           annotations: failed-tests
           prnumber: ${{ steps.findPr.outputs.number }}
       - name: Run style checks
-        run: pipenv run flake8 .
+        run: poetry run flake8 .
       - name: Check imports alphabetized
-        run: pipenv run isort --check-only ./app ./tests
+        run: poetry run isort --check-only ./app ./tests
+      - name: Check dead code
+        run: make dead-code
       - name: Run js lint
         run: npm run lint
       - name: Run js tests
         run: npm test
       - name: Run py tests with coverage
-        run: pipenv run coverage run --omit=*/notifications_utils/* -m pytest --maxfail=10
+        run: poetry run coverage run --omit=*/notifications_utils/* -m pytest --maxfail=10 --ignore=tests/end_to_end tests/
       - name: Check coverage threshold
-        run: pipenv run coverage report --fail-under=90
+        run: poetry run coverage report --fail-under=90
+
+  end-to-end-tests:
+    if: ${{ github.actor != 'dependabot[bot]' }}
+    permissions:
+      checks: write
+      pull-requests: write
+      contents: write
+    runs-on: ubuntu-latest
+    services:
+      postgres:
+        image: postgres
+        env:
+          POSTGRES_USER: user
+          POSTGRES_PASSWORD: password
+          POSTGRES_DB: test_notification_api
+        options: >-
+          --health-cmd pg_isready
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+        ports:
+          # Maps tcp port 5432 on service container to the host
+          - 5432:5432
+      redis:
+        image: redis
+        options: >-
+          --health-cmd "redis-cli ping"
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+        ports:
+          # Maps tcp port 6379 on service container to the host
+          - 6379:6379
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup-project
+      - uses: jwalton/gh-find-current-pr@v1
+        id: findPr
+      - name: Clone API
+        uses: actions/checkout@v4
+        with:
+          repository: GSA/notifications-api
+          path: "notifications-api"
+      - name: Install API dependencies
+        working-directory: "notifications-api"
+        run: make bootstrap
+        env:
+          DATABASE_URL: postgresql://user:password@localhost:5432/test_notification_api
+          SQLALCHEMY_DATABASE_TEST_URI: postgresql://user:password@localhost:5432/test_notification_api
+          REDIS_URL: redis://localhost:6379
+          NOTIFY_E2E_TEST_EMAIL: ${{ secrets.NOTIFY_E2E_TEST_EMAIL }}
+          NOTIFY_E2E_TEST_PASSWORD: ${{ secrets.NOTIFY_E2E_TEST_PASSWORD }}
+          NOTIFY_ENVIRONMENT: development
+      - name: Run API server
+        working-directory: "notifications-api"
+        run: make run-procfile &
+        env:
+          DATABASE_URL: postgresql://user:password@localhost:5432/test_notification_api
+          SQLALCHEMY_DATABASE_TEST_URI: postgresql://user:password@localhost:5432/test_notification_api
+          REDIS_URL: redis://localhost:6379
+          NOTIFY_E2E_TEST_EMAIL: ${{ secrets.NOTIFY_E2E_TEST_EMAIL }}
+          NOTIFY_E2E_TEST_PASSWORD: ${{ secrets.NOTIFY_E2E_TEST_PASSWORD }}
+          NOTIFY_ENVIRONMENT: development
+      - name: Run Admin server
+        run: make run-flask &
+        env:
+          # API_HOST_NAME: https://notify-api-staging.app.cloud.gov
+          API_HOST_NAME: http://localhost:6011
+          DANGEROUS_SALT: ${{ secrets.DANGEROUS_SALT }}
+          SECRET_KEY: ${{ secrets.SECRET_KEY }}
+          ADMIN_CLIENT_SECRET: ${{ secrets.ADMIN_CLIENT_SECRET }}
+          ADMIN_CLIENT_USERNAME: notify-admin
+          NOTIFY_ENVIRONMENT: e2etest
+          NOTIFY_E2E_AUTH_STATE_PATH: ${{ secrets.NOTIFY_E2E_AUTH_STATE_PATH }}
+          NOTIFY_E2E_TEST_EMAIL: ${{ secrets.NOTIFY_E2E_TEST_EMAIL }}
+          NOTIFY_E2E_TEST_PASSWORD: ${{ secrets.NOTIFY_E2E_TEST_PASSWORD }}
+          NOTIFY_E2E_TEST_URI: http://localhost:6012
+      - name: Run E2E tests
+        # Run the E2E tests against the code found in this PR.
+        # run: poetry run pytest -v --browser chromium --browser firefox --browser webkit tests/end_to_end
+        # --browser webkit doesn't work at this time.
+        run: make e2e-test
+        # Debugging for now to troubleshoot a connectivity issue to the local servers
+        # run: curl --request GET --url "http://localhost:6012"
+        env:
+          API_HOST_NAME: http://localhost:6011
+          DANGEROUS_SALT: ${{ secrets.DANGEROUS_SALT }}
+          SECRET_KEY: ${{ secrets.SECRET_KEY }}
+          ADMIN_CLIENT_SECRET: ${{ secrets.ADMIN_CLIENT_SECRET }}
+          ADMIN_CLIENT_USERNAME: notify-admin
+
+          NOTIFY_ENVIRONMENT: e2etest
+          NOTIFY_E2E_AUTH_STATE_PATH: ${{ secrets.NOTIFY_E2E_AUTH_STATE_PATH }}
+          NOTIFY_E2E_TEST_EMAIL: ${{ secrets.NOTIFY_E2E_TEST_EMAIL }}
+          NOTIFY_E2E_TEST_PASSWORD: ${{ secrets.NOTIFY_E2E_TEST_PASSWORD }}
+          NOTIFY_E2E_TEST_URI: http://localhost:6012
 
   validate-new-relic-config:
     runs-on: ubuntu-latest
     environment: staging
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: ./.github/actions/setup-project
       - name: Validate NewRelic config
         env:
+          NEW_RELIC_CONFIG_FILE: newrelic.ini
           NEW_RELIC_LICENSE_KEY: ${{ secrets.NEW_RELIC_LICENSE_KEY }}
           # Need to set a NEW_RELIC_ENVIRONMENT with monitor_mode: true
           NEW_RELIC_ENVIRONMENT: staging
-        run: pipenv run newrelic-admin validate-config $NEW_RELIC_CONFIG_FILE
+        run: poetry run newrelic-admin validate-config $NEW_RELIC_CONFIG_FILE
 
   dependency-audits:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: ./.github/actions/setup-project
       - name: Create requirements.txt
-        run: pipenv requirements > requirements.txt
-      - uses: pypa/gh-action-pip-audit@v1.0.6
+        run: poetry export --without-hashes --format=requirements.txt > requirements.txt
+      - uses: pypa/gh-action-pip-audit@v1.0.8
         with:
           inputs: requirements.txt
+          ignore-vulns: |
+            PYSEC-2024-60
       - name: Run npm audit
         run: make npm-audit
 
   static-scan:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: ./.github/actions/setup-project
       - name: Run scan
-        run: pipenv run bandit -r app/ --confidence-level medium
+        run: poetry run bandit -r app/ --confidence-level medium
 
   dynamic-scan:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: ./.github/actions/setup-project
       - name: Run server
         run: make run-flask &
         env:
           NOTIFY_ENVIRONMENT: scanning
       - name: Run OWASP Baseline Scan
-        uses: zaproxy/action-baseline@v0.7.0
+        uses: zaproxy/action-baseline@v0.9.0
         with:
-          docker_name: "owasp/zap2docker-stable"
+          docker_name: "ghcr.io/zaproxy/zaproxy:weekly"
           target: "http://localhost:6012"
           fail_action: true
           allow_issue_writing: false
@@ -101,7 +209,7 @@ jobs:
   a11y-scan:
     runs-on: ubuntu-20.04
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: ./.github/actions/setup-project
       - name: Run server
         run: make run-flask &

.github/workflows/codeql.yml

@@ -0,0 +1,95 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL"
+
+on:
+  push:
+    branches: [ "main", "production" ]
+  pull_request:
+    branches: [ "main", "production" ]
+  schedule:
+    - cron: '18 5 * * 3'
+
+jobs:
+  analyze:
+    name: Analyze (${{ matrix.language }})
+    # Runner size impacts CodeQL analysis time. To learn more, please see:
+    #   - https://gh.io/recommended-hardware-resources-for-running-codeql
+    #   - https://gh.io/supported-runners-and-hardware-resources
+    #   - https://gh.io/using-larger-runners (GitHub.com only)
+    # Consider using larger runners or machines with greater resources for possible analysis time improvements.
+    runs-on: ${{ (matrix.language == 'swift' && 'macos-latest') || 'ubuntu-latest' }}
+    timeout-minutes: ${{ (matrix.language == 'swift' && 120) || 360 }}
+    permissions:
+      # required for all workflows
+      security-events: write
+
+      # required to fetch internal or private CodeQL packs
+      packages: read
+
+      # only required for workflows in private repositories
+      actions: read
+      contents: read
+
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+        - language: javascript-typescript
+          build-mode: none
+        - language: python
+          build-mode: none
+        # CodeQL supports the following values keywords for 'language': 'c-cpp', 'csharp', 'go', 'java-kotlin', 'javascript-typescript', 'python', 'ruby', 'swift'
+        # Use `c-cpp` to analyze code written in C, C++ or both
+        # Use 'java-kotlin' to analyze code written in Java, Kotlin or both
+        # Use 'javascript-typescript' to analyze code written in JavaScript, TypeScript or both
+        # To learn more about changing the languages that are analyzed or customizing the build mode for your analysis,
+        # see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/customizing-your-advanced-setup-for-code-scanning.
+        # If you are analyzing a compiled language, you can modify the 'build-mode' for that language to customize how
+        # your codebase is analyzed, see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/codeql-code-scanning-for-compiled-languages
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v4
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v3
+      with:
+        languages: ${{ matrix.language }}
+        build-mode: ${{ matrix.build-mode }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+
+        # For more details on CodeQL's query packs, refer to: https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
+        # queries: security-extended,security-and-quality
+
+    # If the analyze step fails for one of the languages you are analyzing with
+    # "We were unable to automatically build your code", modify the matrix above
+    # to set the build mode to "manual" for that language. Then modify this step
+    # to build your code.
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
+    - if: matrix.build-mode == 'manual'
+      shell: bash
+      run: |
+        echo 'If you are using a "manual" build mode for one or more of the' \
+          'languages you are analyzing, replace this with the commands to build' \
+          'your code, for example:'
+        echo '  make bootstrap'
+        echo '  make release'
+        exit 1
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v3
+      with:
+        category: "/language:${{matrix.language}}"

.github/workflows/daily_checks.yml

@@ -22,10 +22,10 @@ jobs:
   dependency-audits:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
     - uses: ./.github/actions/setup-project
     - name: Create requirements.txt
-      run: pipenv requirements > requirements.txt
+      run: poetry export --without-hashes --format=requirements.txt > requirements.txt
     - uses: pypa/gh-action-pip-audit@v1.0.6
       with:
         inputs: requirements.txt
@@ -35,24 +35,24 @@ jobs:
   static-scan:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: ./.github/actions/setup-project
       - name: Run scan
-        run: pipenv run bandit -r app/ --confidence-level medium
+        run: poetry run bandit -r app/ --confidence-level medium
 
   dynamic-scan:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: ./.github/actions/setup-project
       - name: Run server
         run: make run-flask &
         env:
           NOTIFY_ENVIRONMENT: scanning
       - name: Run OWASP Full Scan
-        uses: zaproxy/action-full-scan@v0.4.0
+        uses: zaproxy/action-full-scan@v0.7.0
         with:
-          docker_name: 'owasp/zap2docker-stable'
+          docker_name: 'ghcr.io/zaproxy/zaproxy:weekly'
           target: 'http://localhost:6012'
           fail_action: true
           allow_issue_writing: false

.github/workflows/deploy-demo.yml

@@ -12,17 +12,17 @@ jobs:
     runs-on: ubuntu-latest
     environment: demo
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 2
 
       - name: Check for changes to Terraform
         id: changed-terraform-files
-        uses: tj-actions/changed-files@v1.1.2
+        uses: tj-actions/changed-files@v44
         with:
           files: |
-            terraform/demo
-            terraform/shared
+            terraform/demo/**
+            terraform/shared/**
             .github/workflows/deploy-demo.yml
       - name: Terraform init
         if: steps.changed-terraform-files.outputs.any_changed == 'true'
@@ -43,8 +43,8 @@ jobs:
 
       - uses: ./.github/actions/setup-project
 
-      - name: Create requirements.txt because Cloud Foundry does a weird pipenv thing
-        run: pipenv requirements > requirements.txt
+      - name: Create requirements.txt
+        run: poetry export --without-hashes --format=requirements.txt > requirements.txt
 
       - name: Deploy to cloud.gov
         uses: 18f/cg-deploy-action@main
@@ -52,13 +52,21 @@ jobs:
           DANGEROUS_SALT: ${{ secrets.DANGEROUS_SALT }}
           SECRET_KEY: ${{ secrets.SECRET_KEY }}
           ADMIN_CLIENT_SECRET: ${{ secrets.ADMIN_CLIENT_SECRET }}
-          BASIC_AUTH_PASSWORD: ${{ secrets.BASIC_AUTH_PASSWORD }}
           NEW_RELIC_LICENSE_KEY: ${{ secrets.NEW_RELIC_LICENSE_KEY }}
           NR_BROWSER_KEY: ${{ secrets.NR_BROWSER_KEY }}
+          COMMIT_HASH: ${{ github.sha }}
+          LOGIN_PEM: ${{ secrets.LOGIN_PEM }}
+          LOGIN_DOT_GOV_CLIENT_ID: "urn:gov:gsa:openidconnect.profiles:sp:sso:gsa:notify-gov"
+          LOGIN_DOT_GOV_USER_INFO_URL: "https://secure.login.gov/api/openid_connect/userinfo"
+          LOGIN_DOT_GOV_ACCESS_TOKEN_URL: "https://secure.login.gov/api/openid_connect/token"
+          LOGIN_DOT_GOV_LOGOUT_URL: "https://secure.login.gov/openid_connect/logout?client_id=urn:gov:gsa:openidconnect.profiles:sp:sso:gsa:notify-gov&post_logout_redirect_uri=https://notify-demo.app.cloud.gov/sign-out"
+          LOGIN_DOT_GOV_BASE_LOGOUT_URL: "https://secure.login.gov/openid_connect/logout?"
+          LOGIN_DOT_GOV_SIGNOUT_REDIRECT: "https://notify-demo.app.cloud.gov/sign-out"
+          LOGIN_DOT_GOV_INITIAL_SIGNIN_URL: "https://secure.login.gov/openid_connect/authorize?acr_values=http%3A%2F%2Fidmanagement.gov%2Fns%2Fassurance%2Fial%2F1&client_id=urn:gov:gsa:openidconnect.profiles:sp:sso:gsa:notify-gov&nonce=NONCE&prompt=select_account&redirect_uri=https://notify-demo.app.cloud.gov/sign-in&response_type=code&scope=openid+email&state=STATE"
         with:
           cf_username: ${{ secrets.CLOUDGOV_USERNAME }}
           cf_password: ${{ secrets.CLOUDGOV_PASSWORD }}
-          cf_org: gsa-tts-benefits-studio-prototyping
+          cf_org: gsa-tts-benefits-studio
           cf_space: notify-demo
           push_arguments: >-
             --vars-file deploy-config/demo.yml
@@ -66,14 +74,21 @@ jobs:
             --var SECRET_KEY="$SECRET_KEY"
             --var ADMIN_CLIENT_USERNAME="notify-admin"
             --var ADMIN_CLIENT_SECRET="$ADMIN_CLIENT_SECRET"
-            --var BASIC_AUTH_USERNAME="curiousabout"
-            --var BASIC_AUTH_PASSWORD="$BASIC_AUTH_PASSWORD"
             --var NEW_RELIC_LICENSE_KEY="$NEW_RELIC_LICENSE_KEY"
             --var NR_BROWSER_KEY="$NR_BROWSER_KEY"
+            --var COMMIT_HASH="$COMMIT_HASH"
+            --var LOGIN_PEM="$LOGIN_PEM"
+            --var LOGIN_DOT_GOV_CLIENT_ID="$LOGIN_DOT_GOV_CLIENT_ID"
+            --var LOGIN_DOT_GOV_USER_INFO_URL="$LOGIN_DOT_GOV_USER_INFO_URL"
+            --var LOGIN_DOT_GOV_ACCESS_TOKEN_URL="$LOGIN_DOT_GOV_ACCESS_TOKEN_URL"
+            --var LOGIN_DOT_GOV_LOGOUT_URL="$LOGIN_DOT_GOV_LOGOUT_URL"
+            --var LOGIN_DOT_GOV_BASE_LOGOUT_URL="$LOGIN_DOT_GOV_BASE_LOGOUT_URL"
+            --var LOGIN_DOT_GOV_SIGNOUT_REDIRECT="$LOGIN_DOT_GOV_SIGNOUT_REDIRECT"
+            --var LOGIN_DOT_GOV_INITIAL_SIGNIN_URL="$LOGIN_DOT_GOV_INITIAL_SIGNIN_URL"
 
       - name: Check for changes to egress config
         id: changed-egress-config
-        uses: tj-actions/changed-files@v34
+        uses: tj-actions/changed-files@v44
         with:
           files: |
             deploy-config/egress_proxy/notify-admin-demo.*.acl

.github/workflows/deploy-prod.yml

@@ -12,17 +12,17 @@ jobs:
     runs-on: ubuntu-latest
     environment: production
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 2
 
       - name: Check for changes to Terraform
         id: changed-terraform-files
-        uses: tj-actions/changed-files@v1.1.2
+        uses: tj-actions/changed-files@v44
         with:
           files: |
-            terraform/production
-            terraform/shared
+            terraform/production/**
+            terraform/shared/**
             .github/workflows/deploy-prod.yml
       - name: Terraform init
         if: steps.changed-terraform-files.outputs.any_changed == 'true'
@@ -43,8 +43,8 @@ jobs:
 
       - uses: ./.github/actions/setup-project
 
-      - name: Create requirements.txt because Cloud Foundry does a weird pipenv thing
-        run: pipenv requirements > requirements.txt
+      - name: Create requirements.txt
+        run: poetry export --without-hashes --format=requirements.txt > requirements.txt
 
       - name: Deploy to cloud.gov
         uses: 18f/cg-deploy-action@main
@@ -52,13 +52,21 @@ jobs:
           DANGEROUS_SALT: ${{ secrets.DANGEROUS_SALT }}
           SECRET_KEY: ${{ secrets.SECRET_KEY }}
           ADMIN_CLIENT_SECRET: ${{ secrets.ADMIN_CLIENT_SECRET }}
-          BASIC_AUTH_PASSWORD: ${{ secrets.BASIC_AUTH_PASSWORD }}
           NEW_RELIC_LICENSE_KEY: ${{ secrets.NEW_RELIC_LICENSE_KEY }}
           NR_BROWSER_KEY: ${{ secrets.NR_BROWSER_KEY }}
+          COMMIT_HASH: ${{ github.sha }}
+          LOGIN_PEM: ${{ secrets.LOGIN_PEM }}
+          LOGIN_DOT_GOV_CLIENT_ID: "urn:gov:gsa:openidconnect.profiles:sp:sso:gsa:notify-gov"
+          LOGIN_DOT_GOV_USER_INFO_URL: "https://secure.login.gov/api/openid_connect/userinfo"
+          LOGIN_DOT_GOV_ACCESS_TOKEN_URL: "https://secure.login.gov/api/openid_connect/token"
+          LOGIN_DOT_GOV_LOGOUT_URL: "https://secure.login.gov/openid_connect/logout?client_id=urn:gov:gsa:openidconnect.profiles:sp:sso:gsa:notify-gov&post_logout_redirect_uri=https://beta.notify.gov/sign-out"
+          LOGIN_DOT_GOV_BASE_LOGOUT_URL: "https://secure.login.gov/openid_connect/logout?"
+          LOGIN_DOT_GOV_SIGNOUT_REDIRECT: "https://beta.notify.gov/sign-out"
+          LOGIN_DOT_GOV_INITIAL_SIGNIN_URL: "https://secure.login.gov/openid_connect/authorize?acr_values=http%3A%2F%2Fidmanagement.gov%2Fns%2Fassurance%2Fial%2F1&client_id=urn:gov:gsa:openidconnect.profiles:sp:sso:gsa:notify-gov&nonce=NONCE&prompt=select_account&redirect_uri=https://beta.notify.gov/sign-in&response_type=code&scope=openid+email&state=STATE"
         with:
           cf_username: ${{ secrets.CLOUDGOV_USERNAME }}
           cf_password: ${{ secrets.CLOUDGOV_PASSWORD }}
-          cf_org: gsa-tts-benefits-studio-prototyping
+          cf_org: gsa-tts-benefits-studio
           cf_space: notify-production
           push_arguments: >-
             --vars-file deploy-config/production.yml
@@ -66,14 +74,21 @@ jobs:
             --var SECRET_KEY="$SECRET_KEY"
             --var ADMIN_CLIENT_USERNAME="notify-admin"
             --var ADMIN_CLIENT_SECRET="$ADMIN_CLIENT_SECRET"
-            --var BASIC_AUTH_USERNAME="curiousabout"
-            --var BASIC_AUTH_PASSWORD="$BASIC_AUTH_PASSWORD"
             --var NEW_RELIC_LICENSE_KEY="$NEW_RELIC_LICENSE_KEY"
             --var NR_BROWSER_KEY="$NR_BROWSER_KEY"
+            --var COMMIT_HASH="$COMMIT_HASH"
+            --var LOGIN_PEM="$LOGIN_PEM"
+            --var LOGIN_DOT_GOV_CLIENT_ID="$LOGIN_DOT_GOV_CLIENT_ID"
+            --var LOGIN_DOT_GOV_USER_INFO_URL="$LOGIN_DOT_GOV_USER_INFO_URL"
+            --var LOGIN_DOT_GOV_ACCESS_TOKEN_URL="$LOGIN_DOT_GOV_ACCESS_TOKEN_URL"
+            --var LOGIN_DOT_GOV_LOGOUT_URL="$LOGIN_DOT_GOV_LOGOUT_URL"
+            --var LOGIN_DOT_GOV_BASE_LOGOUT_URL="$LOGIN_DOT_GOV_BASE_LOGOUT_URL"
+            --var LOGIN_DOT_GOV_SIGNOUT_REDIRECT="$LOGIN_DOT_GOV_SIGNOUT_REDIRECT"
+            --var LOGIN_DOT_GOV_INITIAL_SIGNIN_URL="$LOGIN_DOT_GOV_INITIAL_SIGNIN_URL"
 
       - name: Check for changes to egress config
         id: changed-egress-config
-        uses: tj-actions/changed-files@v34
+        uses: tj-actions/changed-files@v44
         with:
           files: |
             deploy-config/egress_proxy/notify-admin-production.*.acl

.github/workflows/deploy.yml

@@ -17,79 +17,96 @@ jobs:
 
     environment: staging
     steps:
-      - uses: actions/checkout@v3
-        with:
-          fetch-depth: 2
+    - uses: actions/checkout@v4
+      with:
+        fetch-depth: 2
 
-      - name: Check for changes to Terraform
-        id: changed-terraform-files
-        uses: tj-actions/changed-files@v1.1.2
-        with:
-          files: |
-            terraform/staging
-            terraform/shared
-            .github/workflows/deploy.yml
-      - name: Terraform init
-        if: steps.changed-terraform-files.outputs.any_changed == 'true'
-        working-directory: terraform/staging
-        env:
-          AWS_ACCESS_KEY_ID: ${{ secrets.TERRAFORM_STATE_ACCESS_KEY }}
-          AWS_SECRET_ACCESS_KEY: ${{ secrets.TERRAFORM_STATE_SECRET_ACCESS_KEY }}
-        run: terraform init
-      - name: Terraform apply
-        if: steps.changed-terraform-files.outputs.any_changed == 'true'
-        working-directory: terraform/staging
-        env:
-          AWS_ACCESS_KEY_ID: ${{ secrets.TERRAFORM_STATE_ACCESS_KEY }}
-          AWS_SECRET_ACCESS_KEY: ${{ secrets.TERRAFORM_STATE_SECRET_ACCESS_KEY }}
-          TF_VAR_cf_user: ${{ secrets.CLOUDGOV_USERNAME }}
-          TF_VAR_cf_password: ${{ secrets.CLOUDGOV_PASSWORD }}
-        run: terraform apply -auto-approve -input=false
+    - name: Check for changes to Terraform
+      id: changed-terraform-files
+      uses: tj-actions/changed-files@v44
+      with:
+        files: |
+          terraform/staging/**
+          terraform/shared/**
+          .github/workflows/deploy.yml
+    - name: Terraform init
+      if: steps.changed-terraform-files.outputs.any_changed == 'true'
+      working-directory: terraform/staging
+      env:
+        AWS_ACCESS_KEY_ID: ${{ secrets.TERRAFORM_STATE_ACCESS_KEY }}
+        AWS_SECRET_ACCESS_KEY: ${{ secrets.TERRAFORM_STATE_SECRET_ACCESS_KEY }}
+      run: terraform init
+    - name: Terraform apply
+      if: steps.changed-terraform-files.outputs.any_changed == 'true'
+      working-directory: terraform/staging
+      env:
+        AWS_ACCESS_KEY_ID: ${{ secrets.TERRAFORM_STATE_ACCESS_KEY }}
+        AWS_SECRET_ACCESS_KEY: ${{ secrets.TERRAFORM_STATE_SECRET_ACCESS_KEY }}
+        TF_VAR_cf_user: ${{ secrets.CLOUDGOV_USERNAME }}
+        TF_VAR_cf_password: ${{ secrets.CLOUDGOV_PASSWORD }}
+      run: terraform apply -auto-approve -input=false
 
-      - uses: ./.github/actions/setup-project
+    - uses: ./.github/actions/setup-project
 
-      - name: Create requirements.txt because Cloud Foundry does a weird pipenv thing
-        run: pipenv requirements > requirements.txt
+    - name: Create requirements.txt
+      run: poetry export --without-hashes --format=requirements.txt > requirements.txt
 
-      - name: Deploy to cloud.gov
-        uses: 18f/cg-deploy-action@main
-        env:
-          DANGEROUS_SALT: ${{ secrets.DANGEROUS_SALT }}
-          SECRET_KEY: ${{ secrets.SECRET_KEY }}
-          ADMIN_CLIENT_SECRET: ${{ secrets.ADMIN_CLIENT_SECRET }}
-          BASIC_AUTH_PASSWORD: ${{ secrets.BASIC_AUTH_PASSWORD }}
-          NEW_RELIC_LICENSE_KEY: ${{ secrets.NEW_RELIC_LICENSE_KEY }}
-          NR_BROWSER_KEY: ${{ secrets.NR_BROWSER_KEY }}
-        with:
-          cf_username: ${{ secrets.CLOUDGOV_USERNAME }}
-          cf_password: ${{ secrets.CLOUDGOV_PASSWORD }}
-          cf_org: gsa-tts-benefits-studio-prototyping
-          cf_space: notify-staging
-          push_arguments: >-
-            --vars-file deploy-config/staging.yml
-            --var DANGEROUS_SALT="$DANGEROUS_SALT"
-            --var SECRET_KEY="$SECRET_KEY"
-            --var ADMIN_CLIENT_USERNAME="notify-admin"
-            --var ADMIN_CLIENT_SECRET="$ADMIN_CLIENT_SECRET"
-            --var BASIC_AUTH_USERNAME="curiousabout"
-            --var BASIC_AUTH_PASSWORD="$BASIC_AUTH_PASSWORD"
-            --var NEW_RELIC_LICENSE_KEY="$NEW_RELIC_LICENSE_KEY"
-            --var NR_BROWSER_KEY="$NR_BROWSER_KEY"
 
-      - name: Check for changes to egress config
-        id: changed-egress-config
-        uses: tj-actions/changed-files@v34
-        with:
-          files: |
-            deploy-config/egress_proxy/notify-admin-staging.*.acl
-            .github/actions/deploy-proxy/action.yml
-            .github/workflows/deploy.yml
-      - name: Deploy egress proxy
-        if: steps.changed-egress-config.outputs.any_changed == 'true'
-        uses: ./.github/actions/deploy-proxy
-        with:
-          cf_space: notify-staging
-          app: notify-admin-staging
+    - name: Deploy to cloud.gov
+      uses: 18f/cg-deploy-action@main
+      env:
+        DANGEROUS_SALT: ${{ secrets.DANGEROUS_SALT }}
+        SECRET_KEY: ${{ secrets.SECRET_KEY }}
+        ADMIN_CLIENT_SECRET: ${{ secrets.ADMIN_CLIENT_SECRET }}
+        NEW_RELIC_LICENSE_KEY: ${{ secrets.NEW_RELIC_LICENSE_KEY }}
+        NR_BROWSER_KEY: ${{ secrets.NR_BROWSER_KEY }}
+        COMMIT_HASH: ${{ github.sha }}
+        LOGIN_PEM: ${{ secrets.LOGIN_PEM }}
+        LOGIN_DOT_GOV_CLIENT_ID: "urn:gov:gsa:openidconnect.profiles:sp:sso:gsa:notify-gov"
+        LOGIN_DOT_GOV_USER_INFO_URL: "https://secure.login.gov/api/openid_connect/userinfo"
+        LOGIN_DOT_GOV_ACCESS_TOKEN_URL: "https://secure.login.gov/api/openid_connect/token"
+        LOGIN_DOT_GOV_LOGOUT_URL: "https://secure.login.gov/openid_connect/logout?client_id=urn:gov:gsa:openidconnect.profiles:sp:sso:gsa:notify-gov&post_logout_redirect_uri=https://notify-staging.app.cloud.gov/sign-out"
+        LOGIN_DOT_GOV_BASE_LOGOUT_URL: "https://secure.login.gov/openid_connect/logout?"
+        LOGIN_DOT_GOV_SIGNOUT_REDIRECT: "https://notify-staging.app.cloud.gov/sign-out"
+        LOGIN_DOT_GOV_INITIAL_SIGNIN_URL: "https://secure.login.gov/openid_connect/authorize?acr_values=http%3A%2F%2Fidmanagement.gov%2Fns%2Fassurance%2Fial%2F1&client_id=urn:gov:gsa:openidconnect.profiles:sp:sso:gsa:notify-gov&nonce=NONCE&prompt=select_account&redirect_uri=https://notify-staging.app.cloud.gov/sign-in&response_type=code&scope=openid+email&state=STATEE"
+      with:
+        cf_username: ${{ secrets.CLOUDGOV_USERNAME }}
+        cf_password: ${{ secrets.CLOUDGOV_PASSWORD }}
+        cf_org: gsa-tts-benefits-studio
+        cf_space: notify-staging
+        push_arguments: >-
+          --vars-file deploy-config/staging.yml
+          --var DANGEROUS_SALT="$DANGEROUS_SALT"
+          --var SECRET_KEY="$SECRET_KEY"
+          --var ADMIN_CLIENT_USERNAME="notify-admin"
+          --var ADMIN_CLIENT_SECRET="$ADMIN_CLIENT_SECRET"
+          --var NEW_RELIC_LICENSE_KEY="$NEW_RELIC_LICENSE_KEY"
+          --var NR_BROWSER_KEY="$NR_BROWSER_KEY"
+          --var COMMIT_HASH="$COMMIT_HASH"
+          --var LOGIN_PEM="$LOGIN_PEM"
+          --var LOGIN_DOT_GOV_CLIENT_ID="$LOGIN_DOT_GOV_CLIENT_ID"
+          --var LOGIN_DOT_GOV_USER_INFO_URL="$LOGIN_DOT_GOV_USER_INFO_URL"
+          --var LOGIN_DOT_GOV_ACCESS_TOKEN_URL="$LOGIN_DOT_GOV_ACCESS_TOKEN_URL"
+          --var LOGIN_DOT_GOV_LOGOUT_URL="$LOGIN_DOT_GOV_LOGOUT_URL"
+          --var LOGIN_DOT_GOV_BASE_LOGOUT_URL="$LOGIN_DOT_GOV_BASE_LOGOUT_URL"
+          --var LOGIN_DOT_GOV_SIGNOUT_REDIRECT="$LOGIN_DOT_GOV_SIGNOUT_REDIRECT"
+          --var LOGIN_DOT_GOV_INITIAL_SIGNIN_URL="$LOGIN_DOT_GOV_INITIAL_SIGNIN_URL"
+
+
+    - name: Check for changes to egress config
+      id: changed-egress-config
+      uses: tj-actions/changed-files@v44
+      with:
+        files: |
+          deploy-config/egress_proxy/notify-admin-staging.*.acl
+          .github/actions/deploy-proxy/action.yml
+          .github/workflows/deploy.yml
+    - name: Deploy egress proxy
+      if: steps.changed-egress-config.outputs.any_changed == 'true'
+      uses: ./.github/actions/deploy-proxy
+      with:
+        cf_space: notify-staging
+        app: notify-admin-staging
 
   bail:
     runs-on: ubuntu-latest

.github/workflows/drift.yml

@@ -13,7 +13,7 @@ jobs:
     environment: staging
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Check for drift
         uses: dflook/terraform-check@v1
@@ -31,7 +31,7 @@ jobs:
     environment: demo
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           ref: 'production'
 
@@ -51,7 +51,7 @@ jobs:
     environment: production
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           ref: 'production'
 

.github/workflows/terraform-demo.yml

@@ -16,7 +16,7 @@ jobs:
     environment: demo
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Terraform format
         id: format

.github/workflows/terraform-production.yml

@@ -16,7 +16,7 @@ jobs:
     environment: production
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Terraform format
         id: format

.github/workflows/terraform-staging.yml

@@ -16,7 +16,7 @@ jobs:
     environment: staging
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Terraform format
         id: format

.gitignore

@@ -123,3 +123,14 @@ app/templates/vendor
 secrets.auto.tfvars
 terraform.tfstate
 terraform.tfstate.backup
+requirements.txt
+terraform/sandbox/requirements.txt
+
+# Playwright
+playwright/
+
+# Pyenv
+.python-version
+
+# Nodenv
+.node-version

.nvmrc

@@ -1 +1 @@
-16.15.1
+22.3.0

.pa11yci

@@ -1,12 +1,12 @@
 {
   "defaults": {
     "standard": "WCAG2AA",
-    "runners": ["axe"],
+    "runners": ["htmlcs"],    
     "concurrency": 1,
     "hideElements": [
       "nav > ol a",
       "#sms-pricing-details",
-      "a.govuk-footer__link.govuk-footer__copyright-logo"
+      "a.usa-footer__link.usa-footer__copyright-logo"
     ]
   },
   "urls": [

.pre-commit-config.yaml

@@ -0,0 +1,24 @@
+# See https://pre-commit.com for more information
+# See https://pre-commit.com/hooks.html for more hooks
+repos:
+-   repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v4.6.0
+    hooks:
+    -   id: trailing-whitespace
+    -   id: end-of-file-fixer
+    -   id: check-yaml
+    -   id: check-added-large-files
+    -   id: debug-statements
+    -   id: check-merge-conflict
+    -   id: check-toml
+    -   id: check-ast
+    -   id: fix-byte-order-marker
+    -   id: detect-aws-credentials
+        args: [--allow-missing-credentials]
+    -   id: detect-private-key
+    -   id: mixed-line-ending
+-   repo: https://github.com/Yelp/detect-secrets
+    rev: v1.5.0
+    hooks:
+    -   id: detect-secrets
+        args: ['--baseline', '.ds.baseline']

.profile

@@ -4,3 +4,6 @@
 ##
 
 export NEW_RELIC_PROXY_HOST=$egress_proxy
+export http_proxy=$egress_proxy
+export https_proxy=$egress_proxy
+export no_proxy="apps.internal"

.python-version

@@ -1 +0,0 @@
-3.9

Makefile

@@ -15,8 +15,14 @@ NVMSH := $(shell [ -f "$(HOME)/.nvm/nvm.sh" ] && echo "$(HOME)/.nvm/nvm.sh" || e
 
 .PHONY: bootstrap
 bootstrap: generate-version-file ## Set up everything to run the app
-	pipenv install --dev
-	source $(NVMSH) --no-use && nvm install && npm ci --no-audit
+	poetry self update
+	poetry self add poetry-dotenv-plugin
+	poetry lock --no-update
+	poetry install --sync --no-root
+	poetry run playwright install --with-deps
+	poetry run pre-commit install
+	source $(NVMSH) --no-use && nvm install && npm install
+	source $(NVMSH) && npm ci --no-audit
 	source $(NVMSH) && npm run build
 
 .PHONY: watch-frontend
@@ -25,16 +31,20 @@ watch-frontend:  ## Build frontend and watch for changes
 
 .PHONY: run-flask
 run-flask:  ## Run flask
-	pipenv run newrelic-admin run-program flask run -p 6012 --host=0.0.0.0
+	poetry run newrelic-admin run-program flask run -p 6012 --host=0.0.0.0
 
 .PHONY: run-flask-bare
-run-flask-bare:  ## Run flask without invoking pipenv so we can override ENV variables in .env
+run-flask-bare:  ## Run flask without invoking poetry so we can override ENV variables in .env
 	flask run -p 6012 --host=0.0.0.0
 
 .PHONY: npm-audit
 npm-audit:  ## Check for vulnerabilities in NPM packages
 	source $(NVMSH) && npm run audit
 
+.PHONY: npm-audit-fix
+npm-audit-fix:  ## Fix vulnerabilities that do not require attentino (according to npm)
+	source $(NVMSH) && npm audit fix
+
 .PHONY: help
 help:
 	@cat $(MAKEFILE_LIST) | grep -E '^[a-zA-Z_-]+:.*?## .*$$' | sort | awk 'BEGIN {FS = ":.*?## "}; {printf "\033[36m%-30s\033[0m %s\n", $$1, $$2}'
@@ -47,16 +57,38 @@ generate-version-file: ## Generates the app version file
 test: py-lint py-test js-lint js-test ## Run tests
 
 .PHONY: py-lint
-py-lint: ## Run python linting scanners
-	pipenv run flake8 .
-	pipenv run isort --check-only ./app ./tests
+py-lint: ## Run python linting scanners and black
+	poetry self add poetry-dotenv-plugin
+	poetry run black .
+	poetry run flake8 .
+	poetry run isort --check-only ./app ./tests
+
+.PHONY: avg-complexity
+avg-complexity:
+	echo "*** Shows average complexity in radon of all code ***"
+	poetry run radon cc ./app -a -na
+
+.PHONY: too-complex
+too-complex:
+	echo "*** Shows code that got a rating of C, D or F in radon ***"
+	poetry run radon cc ./app -a -nc
 
 .PHONY: py-test
 py-test: export NEW_RELIC_ENVIRONMENT=test
 py-test: ## Run python unit tests
-	pipenv run coverage run --omit=*/notifications_utils/* -m pytest --maxfail=10 tests/
-	pipenv run coverage report --fail-under=90
-	pipenv run coverage html -d .coverage_cache
+	poetry run coverage run -m pytest --maxfail=10 --ignore=tests/end_to_end tests/
+	poetry run coverage report --fail-under=96
+	poetry run coverage html -d .coverage_cache
+
+.PHONY: dead-code
+dead-code: ## 60% is our aspirational goal, but currently breaks the build
+	poetry run vulture ./app ./notifications_utils --min-confidence=100
+
+
+.PHONY: e2e-test
+e2e-test: export NEW_RELIC_ENVIRONMENT=test
+e2e-test: ## Run end-to-end integration tests; note that --browser webkit isn't currently working
+	poetry run pytest -vv --browser chromium  --browser firefox tests/end_to_end
 
 .PHONY: js-lint
 js-lint: ## Run javascript linting scanners
@@ -68,25 +100,30 @@ js-test: ## Run javascript unit tests
 
 .PHONY: fix-imports
 fix-imports: ## Fix imports using isort
-	pipenv run isort ./app ./tests
+	poetry run isort ./app ./tests
+
+.PHONY: py-lock
+py-lock: ## Syncs dependencies and updates lock file without performing recursive internal updates
+	poetry lock --no-update
+	poetry install --sync
 
 .PHONY: freeze-requirements
 freeze-requirements: ## create static requirements.txt
-	pipenv requirements > requirements.txt
+	poetry export --without-hashes --format=requirements.txt > requirements.txt
 
 .PHONY: pip-audit
 pip-audit:
-	pipenv requirements > requirements.txt
-	pipenv requirements --dev > requirements_for_test.txt
-	pipenv run pip-audit -r requirements.txt
-	-pipenv run pip-audit -r requirements_for_test.txt
+	poetry requirements > requirements.txt
+	poetry requirements --dev > requirements_for_test.txt
+	poetry run pip-audit -r requirements.txt
+	poetry run pip-audit -r requirements_for_test.txt
 
 .PHONY: audit
 audit: npm-audit pip-audit
 
 .PHONY: static-scan
 static-scan:
-	pipenv run bandit -r app/
+	poetry run bandit -r app/
 
 .PHONY: a11y-scan
 a11y-scan:

Pipfile

@@ -1,59 +0,0 @@
-[[source]]
-url = "https://pypi.org/simple"
-verify_ssl = true
-name = "pypi"
-
-[packages]
-ago = "~=0.0.95"
-blinker = "~=1.4"
-fido2 = "~=0.9"
-flask = "~=2.3"
-flask-basicauth = "~=0.2"
-flask-login = "~=0.6"
-flask-wtf = "~=1.1"
-gds-metrics = {version = "==0.2.4", ref = "6f1840a57b6fb1ee40b7e84f2f18ec229de8aa72", git = "https://github.com/alphagov/gds_metrics_python.git"}
-govuk-bank-holidays = "==0.13"
-govuk-frontend-jinja = {version = "==0.5.8-alpha", git = "https://github.com/alphagov/govuk-frontend-jinja.git"}
-gunicorn = {version = "==20.1.0", extras = ["eventlet"], ref = "1299ea9e967a61ae2edebe191082fd169b864c64", git = "https://github.com/benoitc/gunicorn.git"}
-humanize = "~=4.1"
-itsdangerous = "~=2.1"
-jinja2 = "~=3.1"
-notifications-python-client = "==8.0.1"
-prometheus-client = "==0.14.1"
-pyexcel = "==0.7.0"
-pyexcel-io = "==0.6.6"
-pyexcel-ods3 = "==0.6.1"
-pyexcel-xls = "==0.7.0"
-pyexcel-xlsx = "==0.6.0"
-openpyxl = "==3.0.10"
-pyproj = "==3.6.0"
-python-dotenv = "==1.0.0"
-pytz = "==2023.3"
-rtreelib = "==0.2.0"
-werkzeug = "~=2.3"
-wtforms = "~=3.0"
-newrelic = "*"
-flask-talisman = "*"
-notifications-utils = {editable = true, ref = "main", git = "https://github.com/GSA/notifications-utils.git"}
-coverage = "*"
-
-[dev-packages]
-isort = "==5.12.0"
-pytest = "==7.4.0"
-pytest-env = "==0.6.2"
-pytest-mock = "==3.11.1"
-pytest-xdist = "==2.5.0"
-beautifulsoup4 = "==4.12.2"
-freezegun = "==1.2.2"
-flake8 = "==4.0.1"
-flake8-bugbear = "==22.4.25"
-flake8-print = "==5.0.0"
-moto = "~=4.1"
-requests-mock = "==1.11.0"
-# used for creating manifest file locally
-jinja2-cli = {version = "==0.8.2", extras = ["yaml"]}
-pip-audit = "*"
-bandit = "*"
-
-[requires]
-python_version = "3.9"

README.md

@@ -1,6 +1,10 @@
-# Notify UI
+![notify-logo](https://github.com/GSA/notifications-admin/assets/4156602/31b74039-4d87-4f89-a35e-71e9f3152342)
 
-This is the Notify front-end for government users and admins. To see it in action, check out [the demo site](https://notify-demo.app.cloud.gov) (contact team for credentials).
+# Notify.gov Admin UI
+
+This is the Notify front-end for government users and admins. To see it in
+action, check out [the demo site](https://notify-demo.app.cloud.gov)
+(contact team for credentials).
 
 Through the interface, users can:
 
@@ -9,50 +13,440 @@ Through the interface, users can:
 - Send batch SMS by uploading a CSV
 - View their history of notifications
 
-The [Notify API](https://github.com/GSA/notifications-api) provides the UI's backend and is required for most things to function. Set that up first!
+The [Notify.gov API](https://github.com/GSA/notifications-api) provides the
+UI's backend and is required for most things to function. Set that up first!
 
-## Local setup
+Our other repositories are:
 
-### Common steps
+- [notifications-admin](https://github.com/GSA/notifications-admin)
+- [us-notify-compliance](https://github.com/GSA/us-notify-compliance/)
+- [notify-python-demo](https://github.com/GSA/notify-python-demo)
 
-1.  Install pre-requisites for setup:
-    - [jq](https://stedolan.github.io/jq/): `brew install jq`
-    - [terraform](https://www.terraform.io/): `brew install terraform` or `brew install tfenv` and use `tfenv` to install `terraform ~> 1.4.0`
-    - [cf-cli@8](https://docs.cloudfoundry.org/cf-cli/install-go-cli.html): `brew install cloudfoundry/tap/cf-cli@8`
-1.  [Log into cloud.gov](https://cloud.gov/docs/getting-started/setup/#set-up-the-command-line): `cf login -a api.fr.cloud.gov --sso`
-1.  Ensure you have access to the `notify-local-dev` and `notify-staging` spaces in cloud.gov
-1.  Run the API setup steps
-1.  Run the development terraform with:
+## Before You Start
 
-        ```
-        $ cd terraform/development
-        $ ./run.sh
-        ```
+You will need the following items:
 
-1.  If you want to send data to New Relic from your local develpment environment, set `NEW_RELIC_LICENSE_KEY` within `.env`
-1.  Follow the instructions for either `Direct installation` or `Docker installation` below
+- An active cloud.gov account with the correct permissions - speak with your
+  onboarding buddy for help with
+  [setting up an account](https://cloud.gov/sign-up/) (requires a `.mil`,
+  `.gov`, or `.fed.us` email address) and getting access to the
+  `notify-local-dev` and `notify-staging` spaces.
+- Admin priviliges and SSH access on your machine; you may need to work with
+  your organization's IT support staff if you're not sure or don't currently
+  have this access.
 
-### Direct installation
+**In addition, you should set up the Notify.gov API first!**
 
-1. Get the API running
+[Follow the instructions here to set up the Notify.gov API.](https://github.com/GSA/notifications-api#before-you-start)
 
-1. Install [pipenv](https://pipenv.pypa.io/en/latest/)
+The Notify.gov API is required in order for the Notify.gov Admin UI to run, and
+it will also take care of many of the steps that are listed here. The sections
+that are a repeat from the API setup are flagged with an **[API Step]** label
+in front of them.
 
-1. Install [nvm (Node Version Manager)](https://github.com/nvm-sh/nvm#installing-and-updating)
+## Local Environment Setup
 
-1. Install Python and Node dependencies
+This project is set up to work with
+[nvm (Node Version Manager)](https://github.com/nvm-sh/nvm#installing-and-updating)
+for managing and using Node.js (version 22.3.0) and the `npm` package manager.
 
-   `make bootstrap`
-
-1. Run the Flask server
-
-   `make run-flask`
-
-1. Go to http://localhost:6012
+These instructions will walk you through how to set your machine up with all of
+the required tools for this project.
 
 ### Docker installation
 
-If you are using VS Code, there are also instructions for [running inside Docker](./docs/docker-remote-containers.md)
+If you are using VS Code, there are also instructions for
+[running inside Docker](./docs/docker-remote-containers.md).
+
+### [API Step] Project Pre-Requisite Setup
+
+On MacOS, using [Homebrew](https://brew.sh/) for package management is highly
+recommended. This helps avoid some known installation issues. Start by following
+the installation instructions on the Homebrew homepage.
+
+**Note:** You will also need Xcode or the Xcode Command Line Tools installed. The
+quickest way to do this is is by installing the command line tools in the shell:
+
+```sh
+xcode-select –-install
+```
+
+#### [API Step] Homebrew Setup
+
+If this is your first time installing Homebrew on your machine, you may need to
+add its binaries to your system's `$PATH` environment variable so that you can
+use the `brew` command. Try running `brew help` to see if Homebrew is
+recognized and runs properly. If that fails, then you'll need to add a
+configuration line to wherever your `$PATH` environment variable is set.
+
+Your system `$PATH` environment variable is likely set in one of these
+locations:
+
+For BASH shells:
+
+- `~/.bashrc`
+- `~/.bash_profile`
+- `~/.profile`
+
+For ZSH shells:
+
+- `~/.zshrc`
+- `~/.zprofile`
+
+There may be different files that you need to modify for other shell
+environments.
+
+Which file you need to modify depends on whether or not you are running an
+interactive shell or a login shell
+(see [this Stack Overflow post](https://stackoverflow.com/questions/18186929/what-are-the-differences-between-a-login-shell-and-interactive-shell)
+for an explanation of the differences). If you're still not sure, please ask
+the team for help!
+
+Once you determine which file you'll need to modify, add these lines before any
+lines that add or modify the `$PATH` environment variable; near or at the top
+of the file is appropriate:
+
+```sh
+# Homebrew setup
+eval "$(/opt/homebrew/bin/brew shellenv)"
+```
+
+This will make sure Homebrew gets setup correctly. Once you make these changes,
+either start a new shell session or source the file
+(`source ~/.FILE-YOU-MODIFIED`) you modified to have your system recognize the
+changes.
+
+Verify that Homebrew is now working by trying to run `brew help` again.
+
+### [API Step] System-Level Package Installation
+
+There are several packages you will need to install for your system in order to
+get the app running (and these are good to have in general for any software
+development).
+
+Start off with these packages since they're quick and don't require additional
+configuration after installation to get working out of the box:
+
+- [jq](https://stedolan.github.io/jq/) - for working with JSON in the command
+  line
+- [git](https://git-scm.com/) - for version control management
+- [tfenv](https://github.com/tfutils/tfenv) - for managing
+  [Terraform](https://www.terraform.io/) installations
+- [cf-cli@8](https://docs.cloudfoundry.org/cf-cli/install-go-cli.html) - for
+  working with a Cloud Foundry platform (e.g., cloud.gov)
+- [vim](https://www.vim.org/) - for editing files more easily in the command
+  line
+- [wget](https://www.gnu.org/software/wget/) - for retrieving files in the
+  command line
+
+You can install them by running the following:
+
+```sh
+brew install jq git tfenv cloudfoundry/tap/cf-cli@8 vim wget
+```
+
+#### [API Step] Terraform Installation
+
+As a part of the installation above, you just installed `tfenv` to manage
+Terraform installations. This is great, but you still need to install Terraform
+itself, which can be done with this command:
+
+```sh
+tfenv install latest:^1.4.0
+```
+
+_NOTE: This project currently uses the latest `1.4.x release of Terraform._
+
+#### [API Step] Python Installation
+
+Now we're going to install a tool to help us manage Python versions and
+virtual environments on our system. First, we'll install
+[pyenv](https://github.com/pyenv/pyenv) and one of its plugins,
+[pyenv-virtualenv](https://github.com/pyenv/pyenv-virtualenv), with Homebrew:
+
+```sh
+brew install pyenv pyenv-virtualenv
+```
+
+When these finish installing, you'll need to make another adjustment in the
+file that you adjusted for your `$PATH` environment variable and Homebrew's
+setup. Open the file, and add these lines to it:
+
+```
+# pyenv setup
+export PYENV_ROOT="$HOME/.pyenv"
+command -v pyenv >/dev/null || export PATH="$PYENV_ROOT/bin:$PATH"
+eval "$(pyenv init -)"
+eval "$(pyenv virtualenv-init -)"
+```
+
+Once again, start a new shell session or source the file in your current shell
+session to make the changes take effect.
+
+Now we're ready to install the Python version we need with `pyenv`, like so:
+
+```sh
+pyenv install 3.12
+```
+
+This will install the latest version of Python 3.12.
+
+_NOTE: This project currently runs on Python 3.12.x._
+
+#### [API Step] Python Dependency Installation
+
+Lastly, we need to install the tool we use to manage Python dependencies within
+the project, which is [poetry](https://python-poetry.org/).
+
+Visit the
+[official installer instructions page](https://python-poetry.org/docs/#installing-with-the-official-installer)
+and follow the steps to install Poetry directly with the script.
+
+This will ensure `poetry` doesn't conflict with any project virtual environments
+and can update itself properly.
+
+#### Node.js and npm Installation
+
+The project will manage most of the Node.js pieces for you, but you will need to
+install
+[nvm (Node Version Manager)](https://github.com/nvm-sh/nvm#installing-and-updating)
+in order for things to work.
+
+Follow the steps in the installation instructions to get `nvm` installed with
+the install script they provide, and double check that the file that you
+adjusted for your `$PATH` environment variable and Homebrew's setup is properly
+updated with the `nvm` setup as well.
+
+Open the file and check for the `nvm` setup lines; if they're not there, then
+add the lines found in the
+[nvm installation instructions](https://github.com/nvm-sh/nvm#install--update-script)
+to to the file after the `pyenv` section you created, e.g.:
+
+```
+# nvm setup
+export NVM_DIR="$HOME/.nvm"
+[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
+[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion
+```
+
+### First-Time Project Setup
+
+Once all of pre-requisites for the project are installed and you have a
+cloud.gov account, you can now set up the admin project and get things running
+locally!
+
+First, clone the repository in the directory of your choosing on your machine:
+
+```sh
+git clone git@github.com:GSA/notifications-admin.git
+```
+
+Now go into the project directory (`notifications-admin` by default), create a
+virtual environment, and set the local Python version to point to the virtual
+environment (assumes version Python `3.12.2` is what is installed on your
+machine):
+
+```sh
+cd notifications-admin
+pyenv virtualenv 3.12.2 notify-admin
+pyenv local notify-admin
+```
+
+_If you're not sure which version of Python was installed with `pyenv`, you can check by running `pyenv versions` and it'll list everything available currently._
+
+Now [log into cloud.gov](https://cloud.gov/docs/getting-started/setup/#set-up-the-command-line)
+in the command line by using this command:
+
+```sh
+cf login -a api.fr.cloud.gov --sso
+```
+
+_REMINDER: Ensure you have access to the `notify-local-dev` and `notify-staging` spaces in cloud.gov_
+
+Now run the development Terraform setup by navigating to the development
+folder and running the script in it:
+
+```sh
+cd terraform/development
+./run.sh
+```
+
+In addition to some infrastructure setup, this will also create a local `.env`
+file for you in the project's root directory, which will include a handful of
+project-specific environment variables.
+
+#### Upgrading Python in existing projects
+
+If you're upgrading an existing project to a newer version of Python, you can
+follow these steps to get yourself up-to-date.
+
+First, use `pyenv` to install the newer version of Python you'd like to use;
+we'll use `3.12` in our example here since we recently upgraded to this version:
+
+```sh
+pyenv install 3.12
+```
+
+Next, delete the virtual environment you previously had set up. If you followed
+the instructions above with the first-time set up, you can do this with `pyenv`:
+
+```sh
+pyenv virtualenv-delete notify-admin
+```
+
+Now, make sure you are in your project directory and recreate the same virtual
+environment with the newer version of Python you just installed:
+
+```sh
+cd notifications-admin
+pyenv virtualenv 3.12.2 notify-admin
+pyenv local notify-admin
+```
+
+At this point, proceed with the rest of the instructions here in the README and
+you'll be set with an upgraded version of Python.
+
+_If you're not sure about the details of your current virtual environment, you can run `poetry env info` to get more information. If you've been using `pyenv` for everything, you can also see all available virtual environments with `pyenv virtualenvs`._
+
+#### Updating the .env file for Login.gov
+
+To configure the application for Login.gov, you will need to update the following environment variables in the .env file:
+
+```
+COMMIT_HASH=”--------”
+```
+
+Reach out to someone on the team to get the most recent Login.gov key.
+
+```
+LOGIN_PEM="INSERT_LOGIN_GOV_KEY_HERE"
+```
+
+#### Updating the .env file for E2E tests
+
+With the newly created `.env` file in place, you'll need to make one more
+adjustment in it for things to run properly for the E2E tests.
+
+Open the `.env` file and look for the `NODE_EXTRA_CA_CERTS` environment variable
+toward the top. You will need to modify its value to be the path to Homebrew's
+CA certificate file.
+
+Run `brew --prefix` to see Homebrew's root directory, and use that value to
+update the `NODE_EXTRA_CA_CERTS` environment variable with the path. For
+example, if `brew --prefix` gave `/opt/homebrew` as output, then the line would
+look like this:
+
+```
+NODE_EXTRA_CA_CERTS=/opt/homebrew/etc/ca-certificates/cert.pem
+```
+
+Save this change to the `.env` file and you'll be squared away.
+
+## Running the Project and Routine Maintenance
+
+The first time you run the project you'll need to run the project setup from the
+root project directory:
+
+```sh
+make bootstrap
+```
+
+This command is handled by the `Makefile` file in the root project directory, as
+are a few others.
+
+_NOTE: You'll want to occasionally run `make bootstrap` to keep your project up-to-date, especially when there are dependency updates._
+
+Now you can run the web server and background workers for asynchronous jobs:
+
+```sh
+make run-flask
+```
+
+This will run the local development web server and make the admin site
+available at http://localhost:6012; remember to make sure that the Notify.gov
+API is running as well!
+
+## Creating a 'First User' in the database
+
+After you have completed all setup steps, you will be unable to log in, because there
+will not be a user in the database to link to the login.gov account you are using. So
+you will need to create that user in your database using the 'create-test-user' command.
+
+Open two terminals pointing to the api project and then run these commands in the
+respective terminals.
+
+(Server 1)
+env ALLOW_EXPIRED_API_TOKEN=1 make run-flask
+
+(Server 2)
+poetry run flask command create-admin-jwt | tail -n 1 | pbcopy
+poetry run flask command create-test-user --admin=True;
+
+Supply your name, email address, mobile number, and password when prompted. Make sure the email address
+is the same one you are using in login.gov and make sure your phone number is in the format 5555555555.
+
+If for any reason in the course of development it is necessary for your to delete your db
+via the `dropdb` command, you will need to repeat these steps when you recreate your db.
+
+## Git Hooks
+
+We're using [`pre-commit`](https://pre-commit.com/) to manage hooks in order to
+automate common tasks or easily-missed cleanup. It's installed as part of
+`make bootstrap` and is limited to this project's virtualenv.
+
+To run the hooks in advance of a `git` operation, use
+`poetry run pre-commit run`. For running across the whole codebase (useful after
+adding a new hook), use `poetry run pre-commit run --all-files`.
+
+The configuration is stored in `.pre-commit-config.yaml`. In that config, there
+are links to the repos from which the hooks are pulled, so hop through there if
+ou want a detailed description of what each one is doing.
+
+We do not maintain any hooks in this repository.
+
+## Python Dependency Management
+
+We're using [`Poetry`](https://python-poetry.org/) for managing our Python
+dependencies and local virtual environments. When it comes to managing the
+Python dependencies, there are a couple of things to bear in mind.
+
+For situations where you manually manipulate the `pyproject.toml` file, you
+should use the `make py-lock` command to sync the `poetry.lock` file. This will
+ensure that you don't inadvertently bring in other transitive dependency updates
+that have not been fully tested with the project yet.
+
+If you're just trying to update a dependency to a newer (or the latest) version,
+you should let Poetry take care of that for you by running the following:
+
+```sh
+poetry update <dependency> [<dependency>...]
+```
+
+You can specify more than one dependency together. With this command, Poetry
+will do the following for you:
+
+- Find the latest compatible version(s) of the specified dependency/dependencies
+- Install the new versions
+- Update and sync the `poetry.lock` file
+
+In either situation, once you are finished and have verified the dependency
+changes are working, please be sure to commit both the `pyproject.toml` and
+`poetry.lock` files.
+
+## Known Installation Issues
+
+### Python Installation Errors
+
+On M1 Macs, if you get a `fatal error: 'Python.h' file not found` message, try a
+different method of installing Python. The recommended approach is to use
+[`pyenv`](https://github.com/pyenv/pyenv), as noted above in the installation
+instructions.
+
+If you're using PyCharm for Python development, we've noticed some quirkiness
+with the IDE and the interaction between Poetry and virtual environment
+management that could cause a variety of problems to come up during project
+setup and dependency management. Other tools, such as Visual Studio Code, have
+proven to be a smoother experience for folks.
 
 ## To test the application
 
@@ -66,11 +460,13 @@ make test
 npm run test-watch
 ```
 
-To run a specific JavaScript test, you'll need to copy the full command from `package.json`.
+To run a specific JavaScript test, you'll need to copy the full command from
+`package.json`.
 
 ## Running a11y-scans locally
 
-Unlike most of the tests and scans, pa11y-ci cannot currently be run from within the VSCode dev container.
+Unlike most of the tests and scans, pa11y-ci cannot currently be run from within
+the VSCode dev container.
 
 1. `make run-flask` from within the devcontainer
 2. Run `make a11y-scan` from your host computer.
@@ -83,16 +479,31 @@ Unlike most of the tests and scans, pa11y-ci cannot currently be run from within
 
 ## License && public domain
 
-Work through [commit `543be77`](https://github.com/GSA/notifications-admin/commit/543be77776b64fddb6ba70fbb015ecd81a372478) is licensed by the UK government under the MIT license. Work after that commit is in the worldwide public domain. See [LICENSE.md](./LICENSE.md) for more information.
+Work through
+[commit `543be77`](https://github.com/GSA/notifications-admin/commit/543be77776b64fddb6ba70fbb015ecd81a372478)
+is licensed by the UK government under the MIT license. Work after that commit
+is in the worldwide public domain. See [LICENSE.md](./LICENSE.md) for more
+information.
 
 ## Contributing
 
-As stated in [CONTRIBUTING.md](CONTRIBUTING.md), all contributions to this project will be released under the CC0 dedication. By submitting a pull request, you are agreeing to comply with this waiver of copyright interest.
+As stated in [CONTRIBUTING.md](CONTRIBUTING.md), all contributions to this
+project will be released under the CC0 dedication. By submitting a pull request,
+you are agreeing to comply with this waiver of copyright interest.
 
 ## About the TTS Public Benefits Studio
 
-The Public Benefits Studio is a team inside of [GSA’s Technology Transformation Services](https://www.gsa.gov/about-us/organization/federal-acquisition-service/technology-transformation-services) (TTS), home to innovative programs like [18F](https://18f.gsa.gov/) and [Login.gov](https://login.gov). We collaborate with benefits programs to develop shared technology tools and best practices that reduce the burden of navigating government programs for low income individuals and families.
+The Public Benefits Studio is a team inside of
+[GSA’s Technology Transformation Services](https://www.gsa.gov/about-us/organization/federal-acquisition-service/technology-transformation-services)
+(TTS), home to innovative programs like [18F](https://18f.gsa.gov/) and
+[Login.gov](https://login.gov). We collaborate with benefits programs to develop
+shared technology tools and best practices that reduce the burden of navigating
+government programs for low income individuals and families.
 
-We’re a cross-functional team of technologists with specialized experience working across public benefits programs like Medicaid, SNAP, and unemployment insurance.
+We’re a cross-functional team of technologists with specialized experience
+working across public benefits programs like Medicaid, SNAP, and unemployment
+insurance.
 
-For more information on what we're working on, the Notify tool, and how to get involved with our team, [see our flyer.](https://github.com/GSA/notifications-admin/blob/main/docs/notify-pilot-flyer.md)
+For more information on what we're working on, the Notify tool, and how to get
+involved with our team,
+[see our flyer.](https://github.com/GSA/notifications-admin/blob/main/docs/notify-pilot-flyer.md)

app/__init__.py

@@ -2,6 +2,7 @@ import os
 import pathlib
 from functools import partial
 from time import monotonic
+from urllib.parse import urlparse, urlunparse
 
 import jinja2
 from flask import (
@@ -17,29 +18,22 @@ from flask import (
 )
 from flask.globals import request_ctx
 from flask_login import LoginManager, current_user
+from flask_socketio import SocketIO
 from flask_talisman import Talisman
 from flask_wtf import CSRFProtect
 from flask_wtf.csrf import CSRFError
-from gds_metrics import GDSMetrics
-from govuk_frontend_jinja.flask_ext import init_govuk_frontend
 from itsdangerous import BadSignature
 from notifications_python_client.errors import HTTPError
-from notifications_utils import logging, request_helper
-from notifications_utils.formatters import (
-    formatted_list,
-    get_lines_with_normalised_whitespace,
-)
-from notifications_utils.recipients import format_phone_number_human_readable
 from werkzeug.exceptions import HTTPException as WerkzeugHTTPException
 from werkzeug.exceptions import abort
 from werkzeug.local import LocalProxy
 
-from app import proxy_fix, webauthn_server
+from app import proxy_fix
 from app.asset_fingerprinter import asset_fingerprinter
 from app.config import configs
-from app.custom_auth import CustomBasicAuth
-from app.extensions import redis_client, zendesk_client
+from app.extensions import redis_client
 from app.formatters import (
+    convert_markdown_template,
     convert_to_boolean,
     format_auth_type,
     format_billions,
@@ -53,7 +47,8 @@ from app.formatters import (
     format_datetime_human,
     format_datetime_normal,
     format_datetime_relative,
-    format_datetime_short,
+    format_datetime_scheduled_notification,
+    format_datetime_table,
     format_day_of_week,
     format_delta,
     format_delta_days,
@@ -89,12 +84,12 @@ from app.navigation import (
     HeaderNavigation,
     MainNavigation,
     OrgNavigation,
+    SecondaryNavigation,
 )
 from app.notify_client import InviteTokenError
 from app.notify_client.api_key_api_client import api_key_api_client
 from app.notify_client.billing_api_client import billing_api_client
 from app.notify_client.complaint_api_client import complaint_api_client
-from app.notify_client.email_branding_client import email_branding_client
 from app.notify_client.events_api_client import events_api_client
 from app.notify_client.inbound_number_client import inbound_number_client
 from app.notify_client.invite_api_client import invite_api_client
@@ -105,55 +100,48 @@ from app.notify_client.organizations_api_client import organizations_client
 from app.notify_client.performance_dashboard_api_client import (
     performance_dashboard_api_client,
 )
-from app.notify_client.platform_stats_api_client import (
-    platform_stats_api_client,
-)
-from app.notify_client.provider_client import provider_client
+from app.notify_client.platform_stats_api_client import platform_stats_api_client
 from app.notify_client.service_api_client import service_api_client
 from app.notify_client.status_api_client import status_api_client
-from app.notify_client.template_folder_api_client import (
-    template_folder_api_client,
-)
-from app.notify_client.template_statistics_api_client import (
-    template_statistics_client,
-)
+from app.notify_client.template_folder_api_client import template_folder_api_client
+from app.notify_client.template_statistics_api_client import template_statistics_client
 from app.notify_client.upload_api_client import upload_api_client
 from app.notify_client.user_api_client import user_api_client
-from app.url_converters import (
-    SimpleDateTypeConverter,
-    TemplateTypeConverter,
-    TicketTypeConverter,
+from app.url_converters import SimpleDateTypeConverter, TemplateTypeConverter
+from app.utils.govuk_frontend_jinja.flask_ext import init_govuk_frontend
+from notifications_utils import logging, request_helper
+from notifications_utils.formatters import (
+    formatted_list,
+    get_lines_with_normalised_whitespace,
 )
+from notifications_utils.recipients import format_phone_number_human_readable
 
 login_manager = LoginManager()
 csrf = CSRFProtect()
 talisman = Talisman()
-metrics = GDSMetrics()
-basic_auth = CustomBasicAuth()
+socketio = SocketIO()
 
 
 # The current service attached to the request stack.
-current_service = LocalProxy(partial(getattr, request_ctx, 'service'))
+current_service = LocalProxy(partial(getattr, request_ctx, "service"))
 
 # The current organization attached to the request stack.
-current_organization = LocalProxy(partial(getattr, request_ctx, 'organization'))
+current_organization = LocalProxy(partial(getattr, request_ctx, "organization"))
 
 navigation = {
-    'casework_navigation': CaseworkNavigation(),
-    'main_navigation': MainNavigation(),
-    'header_navigation': HeaderNavigation(),
-    'org_navigation': OrgNavigation(),
+    "casework_navigation": CaseworkNavigation(),
+    "main_navigation": MainNavigation(),
+    "header_navigation": HeaderNavigation(),
+    "org_navigation": OrgNavigation(),
+    "secondary_navigation": SecondaryNavigation(),
 }
 
 
 def _csp(config):
-    asset_domain = config['ASSET_DOMAIN']
-    logo_domain = config['LOGO_CDN_DOMAIN']
+    asset_domain = config["ASSET_DOMAIN"]
+    logo_domain = config["LOGO_CDN_DOMAIN"]
     return {
-        "default-src": [
-            "'self'",
-            asset_domain
-        ],
+        "default-src": ["'self'", asset_domain],
         "frame-ancestors": "'none'",
         "form-action": "'self'",
         "script-src": [
@@ -162,53 +150,44 @@ def _csp(config):
             "'unsafe-eval'",
             "https://js-agent.newrelic.com",
             "https://gov-bam.nr-data.net",
+            "https://www.googletagmanager.com",
+            "https://www.google-analytics.com",
+            "https://dap.digitalgov.gov",
         ],
         "connect-src": [
             "'self'",
-            "https://gov-bam.nr-data.net"
+            "https://gov-bam.nr-data.net",
+            "https://www.google-analytics.com",
         ],
-        "style-src": [
-            "'self'",
-            asset_domain
-        ],
-        "img-src": [
-            "'self'",
-            asset_domain,
-            logo_domain
-        ]
+        "style-src": ["'self'", asset_domain],
+        "img-src": ["'self'", asset_domain, logo_domain],
     }
 
 
 def create_app(application):
-    notify_environment = os.environ['NOTIFY_ENVIRONMENT']
+    notify_environment = os.environ["NOTIFY_ENVIRONMENT"]
 
     application.config.from_object(configs[notify_environment])
-    asset_fingerprinter._asset_root = application.config['ASSET_PATH']
+    asset_fingerprinter._asset_root = application.config["ASSET_PATH"]
 
     init_app(application)
 
-    if 'extensions' not in application.jinja_options:
-        application.jinja_options['extensions'] = []
+    if "extensions" not in application.jinja_options:
+        application.jinja_options["extensions"] = []
 
     init_govuk_frontend(application)
     init_jinja(application)
+    socketio.init_app(application, cors_allowed_origins=['http://localhost:6012'])
 
     for client in (
-        # Gubbins
-        # Note, metrics purposefully first so we start measuring response times as early as possible before any
-        # other `app.before_request` handlers (introduced by any of these clients) are processed (which would
-        # otherwise mean we aren't measuring the full response time)
-        metrics,
         csrf,
         login_manager,
         proxy_fix,
         request_helper,
-
         # API clients
         api_key_api_client,
         billing_api_client,
         complaint_api_client,
-        email_branding_client,
         events_api_client,
         inbound_number_client,
         invite_api_client,
@@ -218,54 +197,65 @@ def create_app(application):
         organizations_client,
         performance_dashboard_api_client,
         platform_stats_api_client,
-        provider_client,
         service_api_client,
         status_api_client,
         template_folder_api_client,
         template_statistics_client,
         upload_api_client,
         user_api_client,
-
         # External API clients
         redis_client,
-        zendesk_client,
-
     ):
         client.init_app(application)
 
     talisman.init_app(
         application,
         content_security_policy=_csp(application.config),
-        content_security_policy_nonce_in=['style-src', 'script-src'],
+        content_security_policy_nonce_in=["style-src", "script-src"],
         permissions_policy={
-            'accelerometer': '()',
-            'ambient-light-sensor': '()',
-            'autoplay': '()',
-            'battery': '()',
-            'camera': '()',
-            'document-domain': '()',
-            'geolocation': '()',
-            'gyroscope': '()',
-            'local-fonts': '()',
-            'magnetometer': '()',
-            'microphone': '()',
-            'midi': '()',
-            'payment': '()',
-            'screen-wake-lock': '()'
+            "accelerometer": "()",
+            "ambient-light-sensor": "()",
+            "autoplay": "()",
+            "battery": "()",
+            "camera": "()",
+            "document-domain": "()",
+            "geolocation": "()",
+            "gyroscope": "()",
+            "local-fonts": "()",
+            "magnetometer": "()",
+            "microphone": "()",
+            "midi": "()",
+            "payment": "()",
+            "screen-wake-lock": "()",
         },
-        frame_options='deny',
-        force_https=(application.config['HTTP_PROTOCOL'] == 'https')
+        frame_options="deny",
+        force_https=(application.config["HTTP_PROTOCOL"] == "https"),
     )
     logging.init_app(application)
-    webauthn_server.init_app(application)
 
-    login_manager.login_view = 'main.sign_in'
-    login_manager.login_message_category = 'default'
+    # Hopefully will help identify if there is a race condition causing the CSRF errors
+    # that we have occasionally seen in our environments.
+    for key in ("SECRET_KEY", "DANGEROUS_SALT"):
+        try:
+            value = application.config[key]
+        except KeyError:
+            application.logger.error(f"Env Var {key} doesn't exist.")
+        else:
+            try:
+                data_len = len(value.strip())
+            except (TypeError, AttributeError):
+                application.logger.error(f"Env Var {key} invalid type: {type(value)}")
+            else:
+                if data_len:
+                    application.logger.info(f"Env Var {key} is a non-zero length.")
+                else:
+                    application.logger.error(f"Env Var {key} is empty.")
+
+    login_manager.login_view = "main.sign_in"
+    login_manager.login_message_category = "default"
     login_manager.session_protection = None
     login_manager.anonymous_user = AnonymousUser
 
-    setup_basic_auth(application)
-
     # make sure we handle unicode correctly
     redis_client.redis_store.decode_responses = True
 
@@ -284,28 +274,32 @@ def create_app(application):
 
 
 def init_app(application):
+    application.before_request(redirect_notify_to_beta)
     application.before_request(load_service_before_request)
     application.before_request(load_organization_before_request)
     application.before_request(request_helper.check_proxy_header_before_request)
     application.before_request(make_session_permanent)
     application.after_request(save_service_or_org_after_request)
 
+    start = len(asset_fingerprinter._filesystem_path)
     font_paths = [
-        str(item)[len(asset_fingerprinter._filesystem_path):]
-        for item in pathlib.Path(asset_fingerprinter._filesystem_path).glob('fonts/*.woff2')
+        str(item)[start:]
+        for item in pathlib.Path(asset_fingerprinter._filesystem_path).glob(
+            "fonts/*.woff2"
+        )
     ]
 
     @application.context_processor
     def _attach_current_service():
-        return {'current_service': current_service}
+        return {"current_service": current_service}
 
     @application.context_processor
     def _attach_current_organization():
-        return {'current_org': current_organization}
+        return {"current_org": current_organization}
 
     @application.context_processor
     def _attach_current_user():
-        return {'current_user': current_user}
+        return {"current_user": current_user}
 
     @application.context_processor
     def _nav_selected():
@@ -313,13 +307,28 @@ def init_app(application):
 
     @application.context_processor
     def _attach_current_global_daily_messages():
+        global_limit = 0
         remaining_global_messages = 0
-
         if current_app:
-            global_limit = current_app.config['GLOBAL_SERVICE_MESSAGE_LIMIT']
-            global_messages_count = service_api_client.get_global_notification_count()
-            remaining_global_messages = global_limit - global_messages_count
-        return {'daily_global_messages_remaining': remaining_global_messages}
+            if request.view_args:
+                service_id = request.view_args.get(
+                    "service_id", session.get("service_id")
+                )
+            else:
+                service_id = session.get("service_id")
+
+            if service_id:
+                global_limit = current_app.config["GLOBAL_SERVICE_MESSAGE_LIMIT"]
+                global_messages_count = (
+                    service_api_client.get_global_notification_count(service_id)
+                )
+                remaining_global_messages = global_limit - global_messages_count.get(
+                    "count"
+                )
+        return {
+            "global_message_limit": global_limit,
+            "daily_global_messages_remaining": remaining_global_messages,
+        }
 
     @application.before_request
     def record_start_time():
@@ -329,16 +338,15 @@ def init_app(application):
     @application.context_processor
     def inject_global_template_variables():
         return {
-            'asset_path': application.config['ASSET_PATH'],
-            'header_colour': application.config['HEADER_COLOUR'],
-            'asset_url': asset_fingerprinter.get_url,
-            'font_paths': font_paths,
+            "asset_path": application.config["ASSET_PATH"],
+            "header_colour": application.config["HEADER_COLOUR"],
+            "asset_url": asset_fingerprinter.get_url,
+            "font_paths": font_paths,
         }
 
-    application.url_map.converters['uuid'].to_python = lambda self, value: value
-    application.url_map.converters['template_type'] = TemplateTypeConverter
-    application.url_map.converters['ticket_type'] = TicketTypeConverter
-    application.url_map.converters['simple_date'] = SimpleDateTypeConverter
+    application.url_map.converters["uuid"].to_python = lambda self, value: value
+    application.url_map.converters["template_type"] = TemplateTypeConverter
+    application.url_map.converters["simple_date"] = SimpleDateTypeConverter
 
 
 @login_manager.user_loader
@@ -350,7 +358,7 @@ def make_session_permanent():
     """
     Make sessions permanent. By permanent, we mean "admin app sets when it expires". Normally the cookie would expire
     whenever you close the browser. With this, the session expiry is set in `config['PERMANENT_SESSION_LIFETIME']`
-    (20 hours) and is refreshed after every request. IE: you will be logged out after twenty hours of inactivity.
+    (30 min) and is refreshed after every request. IE: you will be logged out after thirty minutes of inactivity.
 
     We don't _need_ to set this every request (it's saved within the cookie itself under the `_permanent` flag), only
     when you first log in/sign up/get invited/etc, but we do it just to be safe. For more reading, check here:
@@ -359,23 +367,57 @@ def make_session_permanent():
     session.permanent = True
 
 
+def create_beta_url(url):
+    url_created = None
+    try:
+        url_created = urlparse(url)
+        url_list = list(url_created)
+        url_list[1] = "beta.notify.gov"
+        url_for_redirect = urlunparse(url_list)
+        return url_for_redirect
+    except ValueError:
+        # This might be happening due to IPv6, see issue # 1395.
+        # If we see "'RequestContext' object has no attribute 'service'" in the logs
+        # we can search around that timestamp and find this output, hopefully.
+        # It may be sufficient to just catch and log, and prevent the stack trace from being in the logs
+        # but we need to confirm the root cause first.
+        current_app.logger.error(
+            f"create_beta_url orig_url: {url} \
+                                 url_created = {str(url_created)} url_for_redirect {str(url_for_redirect)}"
+        )
+
+
+def redirect_notify_to_beta():
+    if (
+        current_app.config["NOTIFY_ENVIRONMENT"] == "production"
+        and "beta.notify.gov" not in request.url
+    ):
+        # TODO add debug here to trace what is going on with the URL for the 'RequestContext' error
+        url_to_beta = create_beta_url(request.url)
+        return redirect(url_to_beta, 302)
+
+
 def load_service_before_request():
-    if '/static/' in request.url:
+    if "/static/" in request.url:
         request_ctx.service = None
         return
     if request_ctx is not None:
         request_ctx.service = None
 
         if request.view_args:
-            service_id = request.view_args.get('service_id', session.get('service_id'))
+            service_id = request.view_args.get("service_id", session.get("service_id"))
         else:
-            service_id = session.get('service_id')
+            service_id = session.get("service_id")
 
         if service_id:
             try:
                 request_ctx.service = Service(
-                    service_api_client.get_service(service_id)['data']
+                    service_api_client.get_service(service_id)["data"]
                 )
+                stats = service_api_client.get_service_statistics(
+                    service_id, limit_days=7
+                )
+                request_ctx.service.stats = stats
             except HTTPError as exc:
                 # if service id isn't real, then 404 rather than 500ing later because we expect service to be set
                 if exc.status_code == 404:
@@ -385,14 +427,14 @@ def load_service_before_request():
 
 
 def load_organization_before_request():
-    if '/static/' in request.url:
+    if "/static/" in request.url:
         request_ctx.organization = None
         return
     if request_ctx is not None:
         request_ctx.organization = None
 
         if request.view_args:
-            org_id = request.view_args.get('org_id')
+            org_id = request.view_args.get("org_id")
 
             if org_id:
                 try:
@@ -407,15 +449,19 @@ def load_organization_before_request():
 
 def save_service_or_org_after_request(response):
     # Only save the current session if the request is 200
-    service_id = request.view_args.get('service_id', None) if request.view_args else None
-    organization_id = request.view_args.get('org_id', None) if request.view_args else None
+    service_id = (
+        request.view_args.get("service_id", None) if request.view_args else None
+    )
+    organization_id = (
+        request.view_args.get("org_id", None) if request.view_args else None
+    )
     if response.status_code == 200:
         if service_id:
-            session['service_id'] = service_id
-            session['organization_id'] = None
+            session["service_id"] = service_id
+            session["organization_id"] = None
         elif organization_id:
-            session['service_id'] = None
-            session['organization_id'] = organization_id
+            session["service_id"] = None
+            session["organization_id"] = organization_id
     return response
 
 
@@ -423,32 +469,38 @@ def register_errorhandlers(application):  # noqa (C901 too complex)
     def _error_response(error_code, error_page_template=None):
         if error_page_template is None:
             error_page_template = error_code
-        return make_response(render_template("error/{0}.html".format(error_page_template)), error_code)
+        return make_response(
+            render_template("error/{0}.html".format(error_page_template)), error_code
+        )
 
     @application.errorhandler(HTTPError)
     def render_http_error(error):
-        application.logger.warning("API {} failed with status {} message {}".format(
-            error.response.url if error.response else 'unknown',
-            error.status_code,
-            error.message
-        ))
+        application.logger.warning(
+            "API {} failed with status {} message {}".format(
+                error.response.url if error.response else "unknown",
+                error.status_code,
+                error.message,
+            )
+        )
         error_code = error.status_code
         if error_code not in [401, 404, 403, 410]:
             # probably a 500 or 503.
             # it might be a 400, which we should handle as if it's an internal server error. If the API might
             # legitimately return a 400, we should handle that within the view or the client that calls it.
-            application.logger.exception("API {} failed with status {} message {}".format(
-                error.response.url if error.response else 'unknown',
-                error.status_code,
-                error.message
-            ))
+            application.logger.exception(
+                "API {} failed with status {} message {}".format(
+                    error.response.url if error.response else "unknown",
+                    error.status_code,
+                    error.message,
+                )
+            )
             error_code = 500
         return _error_response(error_code)
 
     @application.errorhandler(400)
     def handle_client_error(error):
         # This is tripped if we call `abort(400)`.
-        application.logger.exception('Unhandled 400 client error')
+        application.logger.exception("Unhandled 400 client error")
         return _error_response(400, error_page_template=500)
 
     @application.errorhandler(410)
@@ -470,23 +522,24 @@ def register_errorhandlers(application):  # noqa (C901 too complex)
     @application.errorhandler(BadSignature)
     def handle_bad_token(error):
         # if someone has a malformed token
-        flash('There’s something wrong with the link you’ve used.')
+        flash("There’s something wrong with the link you’ve used.")
         return _error_response(404)
 
     @application.errorhandler(CSRFError)
     def handle_csrf(reason):
-        application.logger.warning('csrf.error_message: {}'.format(reason))
+        application.logger.warning("csrf.error_message: {}".format(reason))
 
-        if 'user_id' not in session:
+        if "user_id" not in session:
             application.logger.warning(
-                u'csrf.session_expired: Redirecting user to log in page'
+                "csrf.session_expired: Redirecting user to log in page"
             )
 
             return application.login_manager.unauthorized()
 
         application.logger.warning(
-            u'csrf.invalid_token: Aborting request, user_id: {user_id}',
-            extra={'user_id': session['user_id']})
+            "csrf.invalid_token: Aborting request, user_id: {user_id}",
+            extra={"user_id": session["user_id"]},
+        )
 
         return _error_response(400, error_page_template=500)
 
@@ -505,14 +558,14 @@ def register_errorhandlers(application):  # noqa (C901 too complex)
     @application.errorhandler(InviteTokenError)
     def handle_bad_invite_token(error):
         flash(str(error))
-        return redirect(url_for('main.sign_in'))
+        return redirect(url_for("main.sign_in"))
 
     @application.errorhandler(500)
     @application.errorhandler(Exception)
     def handle_bad_request(error):
         current_app.logger.exception(error)
         # We want the Flask in browser stacktrace
-        if current_app.config.get('DEBUG', None):
+        if current_app.config.get("DEBUG", None):
             raise error
         return _error_response(500)
 
@@ -532,7 +585,8 @@ def add_template_filters(application):
         format_datetime,
         format_datetime_24h,
         format_datetime_normal,
-        format_datetime_short,
+        format_datetime_scheduled_notification,
+        format_datetime_table,
         valid_phone_number,
         linkable_name,
         format_date,
@@ -570,18 +624,15 @@ def add_template_filters(application):
         format_mobile_network,
         format_yes_no,
         square_metres_to_square_miles,
+        convert_markdown_template,
     ]:
         application.add_template_filter(fn)
 
 
 def init_jinja(application):
-    repo_root = os.path.abspath(os.path.join(os.path.dirname(__file__), '..'))
+    repo_root = os.path.abspath(os.path.join(os.path.dirname(__file__), ".."))
     template_folders = [
-        os.path.join(repo_root, 'app/templates'),
+        os.path.join(repo_root, "app/templates"),
     ]
     jinja_loader = jinja2.FileSystemLoader(template_folders)
     application.jinja_loader = jinja_loader
-
-
-def setup_basic_auth(application):
-    application.basic_auth = CustomBasicAuth(application)

app/asset_fingerprinter.py

@@ -3,23 +3,23 @@ import hashlib
 
 class AssetFingerprinter(object):
     """
-        Get a unique hash for an asset file, so that it doesn't stay cached
-        when it changes
+    Get a unique hash for an asset file, so that it doesn't stay cached
+    when it changes
 
-        Usage:
+    Usage:
 
-            in the application
-            template_data.asset_fingerprinter = AssetFingerprinter()
+        in the application
+        template_data.asset_fingerprinter = AssetFingerprinter()
 
-            where template data is how you pass variables to every template.
+        where template data is how you pass variables to every template.
 
-            in template.html:
-            {{ asset_fingerprinter.get_url('stylesheets/application.css') }}
+        in template.html:
+        {{ asset_fingerprinter.get_url('stylesheets/application.css') }}
 
-        * 'app/static' is assumed to be the root for all asset files
+    * 'app/static' is assumed to be the root for all asset files
     """
 
-    def __init__(self, asset_root='/static/', filesystem_path='app/static/'):
+    def __init__(self, asset_root="/static/", filesystem_path="app/static/"):
         self._cache = {}
         self._asset_root = asset_root
         self._filesystem_path = filesystem_path
@@ -29,10 +29,10 @@ class AssetFingerprinter(object):
             return self._asset_root + asset_path
         if asset_path not in self._cache:
             self._cache[asset_path] = (
-                self._asset_root +
-                asset_path +
-                '?' +
-                self.get_asset_fingerprint(self._filesystem_path + asset_path)
+                self._asset_root
+                + asset_path
+                + "?"
+                + self.get_asset_fingerprint(self._filesystem_path + asset_path)
             )
         return self._cache[asset_path]
 
@@ -42,7 +42,7 @@ class AssetFingerprinter(object):
         ).hexdigest()
 
     def get_asset_file_contents(self, asset_file_path):
-        with open(asset_file_path, 'rb') as asset_file:
+        with open(asset_file_path, "rb") as asset_file:
             contents = asset_file.read()
         return contents
 

app/assets/error_pages/5xx.html

@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html lang="en" class="govuk-template ">
+<html lang="en" class="usa-template">
 
 <head>
   <meta charset="utf-8" />
   <title>
-    Sorry, there is a problem with the service – U.S. Notify
+    Sorry, there is a problem with the service – Notify.gov
   </title>
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
   <meta name="theme-color" content="#0b0c0c" />
@@ -12,50 +12,43 @@
 
   <link rel="shortcut icon" sizes="16x16 32x32 48x48" href="/static/images/favicon.ico?de7abc5226925203ac10b0a4a94af949"
     type="image/x-icon" />
-  <link rel="mask-icon" href="/static/images/govuk-mask-icon.svg?2afd125b1db96109388d4a0727312f3e" color="#0b0c0c">
+  <link rel="mask-icon" href="/static/images/usa-mask-icon.svg?2afd125b1db96109388d4a0727312f3e" color="#F0F0F0">
   <link rel="apple-touch-icon" sizes="180x180"
-    href="/static/images/govuk-apple-touch-icon-180x180.png?a0f7e1b728a42016b247dc54ee40d055">
-  <link rel="apple-touch-icon" sizes="167x167"
-    href="/static/images/govuk-apple-touch-icon-167x167.png?f636cb7d471fc6239d2241d75cbdabcb">
-  <link rel="apple-touch-icon" sizes="152x152"
-    href="/static/images/govuk-apple-touch-icon-152x152.png?40846d46aa37232e2b35065769ce567c">
-  <link rel="apple-touch-icon" href="/static/images/govuk-apple-touch-icon.png?3c45daa1f1e716458e4da954b973002e">
+    href="/static/images/apple-touch-icon.png?a0f7e1b728a42016b247dc54ee40d055">
+  <link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicon-16x16.png">
+  <link rel="manifest" href="/static/images/site.webmanifest">
 
   <link rel="stylesheet" media="screen" href="/static/stylesheets/main.css?d077f86473501ab244de0b30600536ee" />
   <link rel="stylesheet" media="print" href="/static/stylesheets/print.css?28010888ca5719dc83d7c2c80f6ed2b2" />
-  <style>
-    .govuk-header__container {
-      border-color: #005EA5
-    }
-  </style>
 
-  <meta property="og:image" content="/static/images/govuk-opengraph-image.png">
+  <meta property="og:image" content="/static/images/notify-og-image.png">
 </head>
 
-<body class="govuk-template__body ">
-  <a href="#main-content" class="govuk-skip-link">Skip to main content</a>
-  <header class="govuk-header " role="banner" data-module="header">
-    <div class="govuk-header__container govuk-width-container">
+<body class="usa-template__body">
+  <a href="#main-content" class="usa-skip-link">Skip to main content</a>
+  <header class="usa-header " role="banner" data-module="header">
+    <div class="usa-header__container usa-width-container">
 
-      <div class="govuk-header__logo">
-        <a href="/accounts-or-dashboard" class="govuk-header__link govuk-header__link--homepage">
-          <span class="govuk-header__logotype">
+      <div class="usa-header__logo">
+        <a href="/accounts-or-dashboard" class="usa-header__link usa-header__link--homepage">
+          <span class="usa-header__logotype">
 
-            <svg role="presentation" focusable="false" class="govuk-header__logotype"
+            <svg role="presentation" focusable="false" class="usa-header__logotype"
               xmlns="http://www.w3.org/2000/svg" viewbox="0 0 132 97" height="32" width="36">
               <path fill="currentColor" fill-rule="evenodd"
                 d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z">
               </path>
 
               <image src="https://images.emojiterra.com/twitter/v14.0/512px/1f1fa-1f1f8.png" xlink:href=""
-                class="govuk-header__logotype-fallback-image" width="36" height="32"></image>
+                class="usa-header__logotype-fallback-image" width="36" height="32"></image>
             </svg>
-            <span class="govuk-header__logotype-text">
+            <span class="usa-header__logotype-text">
               US
             </span>
           </span>
 
-          <span class="govuk-header__product-name">
+          <span class="usa-header__product-name">
             Notify
           </span>
 
@@ -65,18 +58,18 @@
     </div>
   </header>
 
-  <div class="govuk-width-container">
-    <main class="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-12" id="main-content" role="main">
-      <div class="govuk-grid-row">
-        <div class="govuk-grid-column-full">
-          <h1 class="govuk-heading-l govuk-!-padding-top-7">
+  <div class="usa-width-container">
+    <main class="usa-main-wrapper" id="main-content" role="main">
+      <div class="grid-row">
+        <div class="grid-col-12">
+          <h1 class="usa-heading-l">
             Sorry, there is a problem with the service
           </h1>
-          <p class="govuk-body">
+          <p class="usa-body">
             Try again later.
           </p>
-          <p class="govuk-body">
-            You can check our <a class="govuk-link govuk-link--no-visited-state"
+          <p class="usa-body">
+            You can check our <a class="usa-link"
               href="https://status.notifications.service.gov.uk/">system status</a> page to see if there are any known
             issues.<br />To report a problem, email <a
               href="mailto:gov-uk-notify-support@digital.cabinet-office.gov.uk">gov-uk-notify-support@digital.cabinet-office.gov.uk</a>
@@ -85,25 +78,25 @@
     </main>
   </div>
 
-  <footer class="govuk-footer " role="contentinfo">
-    <div class="govuk-width-container ">
-      <div class="govuk-footer__meta">
-        <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+  <footer class="usa-footer " role="contentinfo">
+    <div class="usa-width-container ">
+      <div class="usa-footer__meta">
+        <div class="usa-footer__meta-item usa-footer__meta-item--grow">
 
           <h2 class="usa-sr-only">Support links</h2>
-          <div class="govuk-footer__meta-custom">
+          <div class="usa-footer__meta-custom">
             Built by the <a href="https://www.gsa.gov/about-us/organization/federal-acquisition-service/technology-transformation-services/tts-solutions"
-              class="govuk-footer__link">Technology Transformation Services</a>
+              class="usa-footer__link">Technology Transformation Services</a>
           </div>
 
-          <svg role="presentation" focusable="false" class="govuk-footer__licence-logo"
+          <svg role="presentation" focusable="false" class="usa-footer__licence-logo"
             xmlns="http://www.w3.org/2000/svg" viewbox="0 0 483.2 195.7" height="17" width="41">
             <path fill="currentColor"
               d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145" />
           </svg>
-          <span class="govuk-footer__licence-description">
+          <span class="usa-footer__licence-description">
             All content is available under the
-            <a class="govuk-footer__link"
+            <a class="usa-footer__link"
               href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Open
               Government Licence v3.0</a>, except where otherwise stated
           </span>
@@ -114,4 +107,4 @@
 
 </body>
 
-</html>
+</html>

app/assets/images/logo-login.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 292.1 39.47"><path fill="#fff" d="M7.44 6.89h17.2v22.06H7.44z"/><path fill="#112e51" d="M53.45 5.28h-6.16v27.31h17.87v-5.38H53.45V5.28zm30.76-.19c-8.35 0-14.67 5.89-14.67 13.85s6.32 13.93 14.67 13.93 14.67-6 14.67-13.93S92.56 5.09 84.21 5.09zm.08 22.39a8.49 8.49 0 0 1-8.43-8.54 8.4 8.4 0 0 1 8.43-8.47 8.29 8.29 0 0 1 8.27 8.47 8.36 8.36 0 0 1-8.27 8.54zm35.36-17.05a11.43 11.43 0 0 1 7.49 3l3.47-4.41a17.21 17.21 0 0 0-11-4c-8.51 0-14.9 6-14.9 13.85s6.29 13.99 14.58 13.99a20.21 20.21 0 0 0 11.08-3.55V17.57h-10.11v4.82H125V26a12.42 12.42 0 0 1-5.34 1.48 8.52 8.52 0 1 1 0-17zm19.61-5.15h6.17v27.31h-6.17zm34.53 17.56L160.52 5.28h-5.61v27.31h5.89V15.07l13.22 17.52h5.62V5.28h-5.85v17.56zm17.47 2.85a3.39 3.39 0 0 0-3.47 3.56 3.47 3.47 0 1 0 6.94 0 3.36 3.36 0 0 0-3.47-3.56zm23.15-15.26a11.43 11.43 0 0 1 7.49 3l3.47-4.41a17.21 17.21 0 0 0-11-4c-8.51 0-14.9 6-14.9 13.85s6.28 13.93 14.55 13.93a20.21 20.21 0 0 0 11.08-3.55V17.57H215v4.82h4.77V26a12.42 12.42 0 0 1-5.34 1.48 8.52 8.52 0 1 1 0-17zm32.23-5.34C238.29 5.09 232 11 232 18.94s6.32 13.93 14.67 13.93 14.67-6 14.67-13.93S255 5.09 246.64 5.09zm.08 22.39a8.49 8.49 0 0 1-8.43-8.54 8.4 8.4 0 0 1 8.43-8.47 8.29 8.29 0 0 1 8.28 8.47 8.36 8.36 0 0 1-8.28 8.54zm39.02-22.2-7.49 20.6-7.45-20.6h-6.63l10.73 27.31h6.36L292.1 5.28h-6.36z"/><path fill="#e21d3e" d="m11.38 25.34 1.45-8.28a4.39 4.39 0 0 1 2.71-7.86V0H4.34A4.34 4.34 0 0 0 0 4.34v21.28a2.62 2.62 0 0 0 .26 1.16c.94 1.9 4.65 8 15.27 12.69V25.7a24.3 24.3 0 0 1-4.15-.36z"/><path fill="#b51e23" d="M26.72 0H15.53v9.19A4.39 4.39 0 0 1 18.28 17l1.45 8.32a24.29 24.29 0 0 1-4.2.36v13.79C26.14 34.8 29.86 28.68 30.8 26.79a2.62 2.62 0 0 0 .26-1.16V4.34A4.34 4.34 0 0 0 26.72 0z"/></svg>

app/assets/images/notify-bell.svg

@@ -0,0 +1,7 @@
+<svg width="187" height="230" viewBox="0 0 187 230" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M89.1324 230V203.125H57.936C60.0752 226.499 79.7735 230 89.1324 230Z" fill="#2491FF"/>
+<path d="M89.1324 230V203.125H121.22C119.02 226.499 98.7587 230 89.1324 230Z" fill="#005EA2"/>
+<path d="M71.4869 19.5185C71.4869 3.35574 82.3456 0 89.1324 0V194.166H0V174.861L22.1703 153.759V87.3122C22.1703 47.8033 53.8415 24.1578 71.4869 19.5185Z" fill="#2491FF"/>
+<path d="M89.1324 0C95.9192 0 106.778 3.35574 106.778 19.5185C112.193 20.9422 118.928 24.1557 125.664 29.0681C118.405 36.2889 113.911 46.2873 113.911 57.3353C113.911 79.3543 131.761 97.2043 153.78 97.2043C154.557 97.2043 155.293 97.2481 156.058 97.2043L156.094 153.759L178.265 174.861V194.166H89.1324V0Z" fill="#005EA2"/>
+<path d="M186.435 57.1535C186.435 74.9784 171.985 89.4283 154.16 89.4283C136.335 89.4283 121.885 74.9784 121.885 57.1535C121.885 39.3286 136.335 24.8786 154.16 24.8786C171.985 24.8786 186.435 39.3286 186.435 57.1535Z" fill="#D54309"/>
+</svg>

app/assets/images/notify-logo-dark.svg

@@ -0,0 +1,17 @@
+<svg width="1596" height="400" viewBox="0 0 1596 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M155.013 400V353.26H100.758C104.479 393.912 138.736 400 155.013 400Z" fill="#58B4FF"/>
+<path d="M155.013 400V353.26H210.818C206.991 393.912 171.754 400 155.013 400Z" fill="#0076D6"/>
+<path d="M124.325 33.9452C124.325 5.83608 143.21 0 155.013 0V337.68H0V304.105L38.5571 267.407V151.847C38.5571 83.1361 93.6374 42.0136 124.325 33.9452Z" fill="#58B4FF"/>
+<path d="M155.013 0C166.816 0 185.701 5.83608 185.701 33.9452C195.118 36.4212 206.832 42.0098 218.547 50.5533C205.922 63.1111 198.106 80.4997 198.106 99.7136C198.106 138.008 229.15 169.051 267.444 169.051C268.795 169.051 270.074 169.127 271.406 169.051L271.469 267.407L310.026 304.105V337.68H155.013V0Z" fill="#0076D6"/>
+<path d="M324.234 99.3973C324.234 130.397 299.104 155.528 268.104 155.528C237.104 155.528 211.974 130.397 211.974 99.3973C211.974 68.3975 237.104 43.2672 268.104 43.2672C299.104 43.2672 324.234 68.3975 324.234 99.3973Z" fill="#D54309"/>
+<path d="M416.684 290.469C414.747 290.469 413.25 289.94 412.194 288.884C411.137 287.651 410.609 286.154 410.609 284.393V111.909C410.609 109.972 411.137 108.475 412.194 107.418C413.25 106.186 414.747 105.569 416.684 105.569H428.835C430.948 105.569 432.532 106.098 433.589 107.154C434.646 108.035 435.262 108.739 435.438 109.267L523.133 243.98V111.909C523.133 109.972 523.662 108.475 524.718 107.418C525.775 106.186 527.271 105.569 529.208 105.569H541.887C543.824 105.569 545.321 106.186 546.378 107.418C547.61 108.475 548.227 109.972 548.227 111.909V284.129C548.227 285.89 547.61 287.387 546.378 288.62C545.321 289.852 543.912 290.469 542.151 290.469H529.473C527.536 290.469 526.039 289.94 524.982 288.884C524.102 287.827 523.485 287.123 523.133 286.771L435.702 153.379V284.393C435.702 286.154 435.086 287.651 433.853 288.884C432.797 289.94 431.3 290.469 429.363 290.469H416.684Z" fill="#EDEFF0"/>
+<path d="M636.275 293.11C622.892 293.11 611.71 290.557 602.729 285.45C593.748 280.343 586.88 273.299 582.126 264.319C577.371 255.162 574.73 244.772 574.201 233.15C574.025 230.156 573.937 226.37 573.937 221.792C573.937 217.037 574.025 213.251 574.201 210.434C574.73 198.635 577.371 188.246 582.126 179.265C587.056 170.284 594.012 163.24 602.993 158.133C611.974 153.027 623.068 150.473 636.275 150.473C649.482 150.473 660.576 153.027 669.557 158.133C678.537 163.24 685.405 170.284 690.16 179.265C695.09 188.246 697.82 198.635 698.348 210.434C698.524 213.251 698.612 217.037 698.612 221.792C698.612 226.37 698.524 230.156 698.348 233.15C697.82 244.772 695.178 255.162 690.424 264.319C685.669 273.299 678.802 280.343 669.821 285.45C660.84 290.557 649.658 293.11 636.275 293.11ZM636.275 272.771C647.193 272.771 655.909 269.337 662.425 262.47C668.94 255.426 672.462 245.212 672.99 231.829C673.167 229.188 673.255 225.842 673.255 221.792C673.255 217.742 673.167 214.396 672.99 211.754C672.462 198.371 668.94 188.246 662.425 181.378C655.909 174.334 647.193 170.812 636.275 170.812C625.357 170.812 616.552 174.334 609.861 181.378C603.345 188.246 599.911 198.371 599.559 211.754C599.383 214.396 599.295 217.742 599.295 221.792C599.295 225.842 599.383 229.188 599.559 231.829C599.911 245.212 603.345 255.426 609.861 262.47C616.552 269.337 625.357 272.771 636.275 272.771Z" fill="#EDEFF0"/>
+<path d="M781.377 290.469C771.516 290.469 763.504 288.62 757.341 284.922C751.177 281.048 746.687 275.677 743.869 268.809C741.052 261.765 739.643 253.489 739.643 243.98V174.246H719.04C717.279 174.246 715.782 173.718 714.549 172.661C713.493 171.429 712.965 169.932 712.965 168.171V159.19C712.965 157.429 713.493 156.02 714.549 154.964C715.782 153.731 717.279 153.115 719.04 153.115H739.643V109.003C739.643 107.242 740.171 105.833 741.228 104.777C742.461 103.544 743.957 102.928 745.718 102.928H758.133C759.894 102.928 761.303 103.544 762.359 104.777C763.592 105.833 764.208 107.242 764.208 109.003V153.115H796.962C798.723 153.115 800.132 153.731 801.188 154.964C802.421 156.02 803.037 157.429 803.037 159.19V168.171C803.037 169.932 802.421 171.429 801.188 172.661C800.132 173.718 798.723 174.246 796.962 174.246H764.208V242.131C764.208 250.407 765.617 256.923 768.434 261.677C771.252 266.432 776.271 268.809 783.491 268.809H799.603C801.364 268.809 802.773 269.425 803.83 270.658C805.062 271.715 805.678 273.123 805.678 274.884V284.393C805.678 286.154 805.062 287.651 803.83 288.884C802.773 289.94 801.364 290.469 799.603 290.469H781.377Z" fill="#EDEFF0"/>
+<path d="M834.371 290.469C832.61 290.469 831.113 289.94 829.88 288.884C828.824 287.651 828.296 286.154 828.296 284.393V159.19C828.296 157.429 828.824 156.02 829.88 154.964C831.113 153.731 832.61 153.115 834.371 153.115H847.05C848.811 153.115 850.219 153.731 851.276 154.964C852.333 156.02 852.861 157.429 852.861 159.19V284.393C852.861 286.154 852.333 287.651 851.276 288.884C850.219 289.94 848.811 290.469 847.05 290.469H834.371ZM832.258 127.493C830.497 127.493 829 126.965 827.767 125.908C826.711 124.675 826.182 123.179 826.182 121.418V107.154C826.182 105.393 826.711 103.984 827.767 102.928C829 101.695 830.497 101.079 832.258 101.079H848.899C850.66 101.079 852.068 101.695 853.125 102.928C854.358 103.984 854.974 105.393 854.974 107.154V121.418C854.974 123.179 854.358 124.675 853.125 125.908C852.068 126.965 850.66 127.493 848.899 127.493H832.258Z" fill="#EDEFF0"/>
+<path d="M912.078 290.469C910.317 290.469 908.82 289.94 907.588 288.884C906.531 287.651 906.003 286.154 906.003 284.393V174.246H883.551C881.79 174.246 880.293 173.718 879.06 172.661C878.004 171.429 877.476 169.932 877.476 168.171V159.19C877.476 157.429 878.004 156.02 879.06 154.964C880.293 153.731 881.79 153.115 883.551 153.115H906.003V139.908C906.003 130.927 907.5 123.091 910.493 116.399C913.487 109.531 918.242 104.249 924.757 100.551C931.449 96.8525 940.341 95.0036 951.435 95.0036H967.284C969.045 95.0036 970.454 95.6199 971.51 96.8525C972.567 97.9091 973.095 99.3179 973.095 101.079V110.06C973.095 111.821 972.567 113.317 971.51 114.55C970.454 115.607 969.045 116.135 967.284 116.135H951.964C943.687 116.135 938.052 118.336 935.059 122.738C932.065 126.965 930.568 133.128 930.568 141.228V153.115H964.642C966.403 153.115 967.812 153.731 968.869 154.964C969.925 156.02 970.454 157.429 970.454 159.19V168.171C970.454 169.932 969.925 171.429 968.869 172.661C967.812 173.718 966.403 174.246 964.642 174.246H930.568V284.393C930.568 286.154 929.952 287.651 928.719 288.884C927.663 289.94 926.254 290.469 924.493 290.469H912.078Z" fill="#EDEFF0"/>
+<path d="M1017.94 340.656C1016.53 340.656 1015.3 340.127 1014.24 339.071C1013.18 338.014 1012.65 336.782 1012.65 335.373C1012.65 334.668 1012.74 333.964 1012.92 333.26C1013.09 332.555 1013.45 331.675 1013.98 330.618L1034.31 282.28L983.863 163.152C982.982 161.039 982.542 159.542 982.542 158.662C982.542 157.077 983.071 155.756 984.127 154.7C985.184 153.643 986.504 153.115 988.089 153.115H1001.03C1002.79 153.115 1004.2 153.555 1005.26 154.435C1006.31 155.316 1007.02 156.373 1007.37 157.605L1047.52 253.753L1088.73 157.605C1089.26 156.373 1089.96 155.316 1090.84 154.435C1091.9 153.555 1093.39 153.115 1095.33 153.115H1107.75C1109.33 153.115 1110.65 153.643 1111.71 154.7C1112.76 155.756 1113.29 156.989 1113.29 158.398C1113.29 159.278 1112.85 160.863 1111.97 163.152L1036.96 336.165C1036.43 337.398 1035.63 338.454 1034.58 339.335C1033.7 340.215 1032.29 340.656 1030.35 340.656H1017.94Z" fill="#EDEFF0"/>
+<path d="M1128.65 290.469C1126.89 290.469 1125.39 289.94 1124.16 288.884C1123.1 287.651 1122.57 286.154 1122.57 284.393V265.375C1122.57 263.614 1123.1 262.205 1124.16 261.149C1125.39 259.916 1126.89 259.3 1128.65 259.3H1147.67C1149.43 259.3 1150.84 259.916 1151.89 261.149C1153.13 262.205 1153.74 263.614 1153.74 265.375V284.393C1153.74 286.154 1153.13 287.651 1151.89 288.884C1150.84 289.94 1149.43 290.469 1147.67 290.469H1128.65Z" fill="#EDEFF0"/>
+<path d="M1244.66 348.58C1232.68 348.58 1222.82 346.995 1215.07 343.825C1207.5 340.656 1201.51 336.782 1197.11 332.203C1192.89 327.801 1189.8 323.31 1187.87 318.732C1186.11 314.329 1185.14 310.808 1184.96 308.166C1184.79 306.405 1185.31 304.908 1186.55 303.676C1187.96 302.443 1189.45 301.827 1191.04 301.827H1203.72C1205.3 301.827 1206.62 302.179 1207.68 302.883C1208.73 303.588 1209.61 305.084 1210.32 307.374C1211.38 310.015 1212.96 312.921 1215.07 316.09C1217.19 319.436 1220.44 322.254 1224.85 324.543C1229.25 327.008 1235.41 328.241 1243.34 328.241C1251.61 328.241 1258.57 327.096 1264.2 324.807C1269.84 322.694 1274.07 318.82 1276.88 313.185C1279.88 307.726 1281.37 300.154 1281.37 290.469V272.507C1277.15 277.966 1271.6 282.544 1264.73 286.242C1257.86 289.764 1249.24 291.525 1238.85 291.525C1228.99 291.525 1220.53 289.852 1213.49 286.507C1206.45 282.985 1200.63 278.318 1196.06 272.507C1191.65 266.52 1188.31 259.74 1186.02 252.168C1183.91 244.596 1182.67 236.672 1182.32 228.395C1182.14 223.465 1182.14 218.622 1182.32 213.867C1182.67 205.591 1183.91 197.667 1186.02 190.095C1188.31 182.523 1191.65 175.743 1196.06 169.756C1200.63 163.769 1206.45 159.102 1213.49 155.756C1220.53 152.234 1228.99 150.473 1238.85 150.473C1249.41 150.473 1258.13 152.498 1265 156.549C1272.04 160.423 1277.76 165.177 1282.17 170.812V159.454C1282.17 157.693 1282.69 156.196 1283.75 154.964C1284.98 153.731 1286.48 153.115 1288.24 153.115H1300.39C1302.15 153.115 1303.65 153.731 1304.88 154.964C1306.11 156.196 1306.73 157.693 1306.73 159.454V287.563C1306.73 299.361 1304.71 309.839 1300.66 318.996C1296.78 328.153 1290.27 335.373 1281.11 340.656C1272.13 345.938 1259.98 348.58 1244.66 348.58ZM1244.13 270.394C1252.93 270.394 1259.98 268.369 1265.26 264.319C1270.72 260.268 1274.68 255.162 1277.15 248.998C1279.79 242.835 1281.2 236.584 1281.37 230.244C1281.55 227.779 1281.64 224.785 1281.64 221.263C1281.64 217.565 1281.55 214.484 1281.37 212.018C1281.2 205.679 1279.79 199.428 1277.15 193.264C1274.68 187.101 1270.72 181.994 1265.26 177.944C1259.98 173.894 1252.93 171.869 1244.13 171.869C1235.32 171.869 1228.28 173.894 1223 177.944C1217.72 181.818 1213.93 187.013 1211.64 193.529C1209.35 199.868 1208.03 206.736 1207.68 214.132C1207.5 218.71 1207.5 223.377 1207.68 228.131C1208.03 235.527 1209.35 242.483 1211.64 248.998C1213.93 255.338 1217.72 260.533 1223 264.583C1228.28 268.457 1235.32 270.394 1244.13 270.394Z" fill="#EDEFF0"/>
+<path d="M1394.34 293.11C1380.96 293.11 1369.78 290.557 1360.8 285.45C1351.81 280.343 1344.95 273.299 1340.19 264.319C1335.44 255.162 1332.8 244.772 1332.27 233.15C1332.09 230.156 1332 226.37 1332 221.792C1332 217.037 1332.09 213.251 1332.27 210.434C1332.8 198.635 1335.44 188.246 1340.19 179.265C1345.12 170.284 1352.08 163.24 1361.06 158.133C1370.04 153.027 1381.13 150.473 1394.34 150.473C1407.55 150.473 1418.64 153.027 1427.62 158.133C1436.6 163.24 1443.47 170.284 1448.23 179.265C1453.16 188.246 1455.89 198.635 1456.42 210.434C1456.59 213.251 1456.68 217.037 1456.68 221.792C1456.68 226.37 1456.59 230.156 1456.42 233.15C1455.89 244.772 1453.25 255.162 1448.49 264.319C1443.74 273.299 1436.87 280.343 1427.89 285.45C1418.91 290.557 1407.72 293.11 1394.34 293.11ZM1394.34 272.771C1405.26 272.771 1413.98 269.337 1420.49 262.47C1427.01 255.426 1430.53 245.212 1431.06 231.829C1431.23 229.188 1431.32 225.842 1431.32 221.792C1431.32 217.742 1431.23 214.396 1431.06 211.754C1430.53 198.371 1427.01 188.246 1420.49 181.378C1413.98 174.334 1405.26 170.812 1394.34 170.812C1383.42 170.812 1374.62 174.334 1367.93 181.378C1361.41 188.246 1357.98 198.371 1357.63 211.754C1357.45 214.396 1357.36 217.742 1357.36 221.792C1357.36 225.842 1357.45 229.188 1357.63 231.829C1357.98 245.212 1361.41 255.426 1367.93 262.47C1374.62 269.337 1383.42 272.771 1394.34 272.771Z" fill="#EDEFF0"/>
+<path d="M1524.74 290.469C1522.1 290.469 1519.98 289.852 1518.4 288.62C1516.99 287.387 1515.85 285.802 1514.97 283.865L1466.1 161.303C1465.75 160.423 1465.57 159.542 1465.57 158.662C1465.57 157.077 1466.1 155.756 1467.16 154.7C1468.21 153.643 1469.53 153.115 1471.12 153.115H1483.8C1485.73 153.115 1487.23 153.643 1488.29 154.7C1489.34 155.756 1489.96 156.725 1490.14 157.605L1530.55 261.677L1570.7 157.605C1571.05 156.725 1571.67 155.756 1572.55 154.7C1573.61 153.643 1575.1 153.115 1577.04 153.115H1589.98C1591.39 153.115 1592.62 153.643 1593.68 154.7C1594.91 155.756 1595.53 157.077 1595.53 158.662C1595.53 159.542 1595.35 160.423 1595 161.303L1545.87 283.865C1545.17 285.802 1544.02 287.387 1542.44 288.62C1541.03 289.852 1538.91 290.469 1536.1 290.469H1524.74Z" fill="#EDEFF0"/>
+</svg>

app/assets/images/notify-logo.svg

@@ -0,0 +1,17 @@
+<svg width="1596" height="400" viewBox="0 0 1596 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M155.013 400V353.26H100.759C104.479 393.912 138.737 400 155.013 400Z" fill="#2491FF"/>
+<path d="M155.013 400V353.26H210.818C206.992 393.912 171.755 400 155.013 400Z" fill="#005EA2"/>
+<path d="M124.326 33.9452C124.326 5.83608 143.21 0 155.014 0V337.68H0V304.105L38.5573 267.407V151.847C38.5573 83.1361 93.6378 42.0136 124.326 33.9452Z" fill="#2491FF"/>
+<path d="M155.014 0C166.817 0 185.702 5.83608 185.702 33.9452C195.119 36.4212 206.833 42.0098 218.548 50.5533C205.923 63.1111 198.107 80.4997 198.107 99.7136C198.107 138.008 229.151 169.051 267.445 169.051C268.796 169.051 270.075 169.127 271.407 169.051L271.47 267.407L310.027 304.105V337.68H155.014V0Z" fill="#005EA2"/>
+<path d="M324.236 99.3973C324.236 130.397 299.105 155.528 268.105 155.528C237.105 155.528 211.975 130.397 211.975 99.3973C211.975 68.3975 237.105 43.2672 268.105 43.2672C299.105 43.2672 324.236 68.3975 324.236 99.3973Z" fill="#D54309"/>
+<path d="M416.686 290.469C414.749 290.469 413.252 289.94 412.195 288.884C411.139 287.651 410.61 286.154 410.61 284.393V111.909C410.61 109.972 411.139 108.475 412.195 107.418C413.252 106.186 414.749 105.569 416.686 105.569H428.836C430.95 105.569 432.534 106.098 433.591 107.154C434.647 108.035 435.264 108.739 435.44 109.267L523.135 243.98V111.909C523.135 109.972 523.664 108.475 524.72 107.418C525.777 106.186 527.274 105.569 529.211 105.569H541.89C543.827 105.569 545.323 106.186 546.38 107.418C547.613 108.475 548.229 109.972 548.229 111.909V284.129C548.229 285.89 547.613 287.387 546.38 288.62C545.323 289.852 543.915 290.469 542.154 290.469H529.475C527.538 290.469 526.041 289.94 524.984 288.884C524.104 287.827 523.488 287.123 523.135 286.771L435.704 153.379V284.393C435.704 286.154 435.088 287.651 433.855 288.884C432.798 289.94 431.302 290.469 429.365 290.469H416.686Z" fill="#2D2E2F"/>
+<path d="M636.277 293.11C622.894 293.11 611.712 290.557 602.731 285.45C593.75 280.343 586.883 273.299 582.128 264.319C577.373 255.162 574.732 244.772 574.204 233.15C574.028 230.156 573.94 226.37 573.94 221.792C573.94 217.037 574.028 213.251 574.204 210.434C574.732 198.635 577.373 188.246 582.128 179.265C587.059 170.284 594.014 163.24 602.995 158.133C611.976 153.027 623.07 150.473 636.277 150.473C649.485 150.473 660.579 153.027 669.559 158.133C678.54 163.24 685.408 170.284 690.163 179.265C695.093 188.246 697.823 198.635 698.351 210.434C698.527 213.251 698.615 217.037 698.615 221.792C698.615 226.37 698.527 230.156 698.351 233.15C697.823 244.772 695.181 255.162 690.427 264.319C685.672 273.299 678.804 280.343 669.824 285.45C660.843 290.557 649.661 293.11 636.277 293.11ZM636.277 272.771C647.195 272.771 655.912 269.337 662.428 262.47C668.943 255.426 672.465 245.212 672.993 231.829C673.169 229.188 673.257 225.842 673.257 221.792C673.257 217.742 673.169 214.396 672.993 211.754C672.465 198.371 668.943 188.246 662.428 181.378C655.912 174.334 647.195 170.812 636.277 170.812C625.359 170.812 616.555 174.334 609.863 181.378C603.348 188.246 599.914 198.371 599.562 211.754C599.385 214.396 599.297 217.742 599.297 221.792C599.297 225.842 599.385 229.188 599.562 231.829C599.914 245.212 603.348 255.426 609.863 262.47C616.555 269.337 625.359 272.771 636.277 272.771Z" fill="#2D2E2F"/>
+<path d="M781.381 290.469C771.519 290.469 763.507 288.62 757.344 284.922C751.18 281.048 746.69 275.677 743.872 268.809C741.055 261.765 739.646 253.489 739.646 243.98V174.246H719.043C717.282 174.246 715.785 173.718 714.552 172.661C713.496 171.429 712.968 169.932 712.968 168.171V159.19C712.968 157.429 713.496 156.02 714.552 154.964C715.785 153.731 717.282 153.115 719.043 153.115H739.646V109.003C739.646 107.242 740.174 105.833 741.231 104.777C742.464 103.544 743.96 102.928 745.721 102.928H758.136C759.897 102.928 761.306 103.544 762.362 104.777C763.595 105.833 764.211 107.242 764.211 109.003V153.115H796.965C798.726 153.115 800.135 153.731 801.191 154.964C802.424 156.02 803.04 157.429 803.04 159.19V168.171C803.04 169.932 802.424 171.429 801.191 172.661C800.135 173.718 798.726 174.246 796.965 174.246H764.211V242.131C764.211 250.407 765.62 256.923 768.438 261.677C771.255 266.432 776.274 268.809 783.494 268.809H799.607C801.368 268.809 802.776 269.425 803.833 270.658C805.066 271.715 805.682 273.123 805.682 274.884V284.393C805.682 286.154 805.066 287.651 803.833 288.884C802.776 289.94 801.368 290.469 799.607 290.469H781.381Z" fill="#2D2E2F"/>
+<path d="M834.374 290.469C832.613 290.469 831.117 289.94 829.884 288.884C828.827 287.651 828.299 286.154 828.299 284.393V159.19C828.299 157.429 828.827 156.02 829.884 154.964C831.117 153.731 832.613 153.115 834.374 153.115H847.053C848.814 153.115 850.223 153.731 851.28 154.964C852.336 156.02 852.864 157.429 852.864 159.19V284.393C852.864 286.154 852.336 287.651 851.28 288.884C850.223 289.94 848.814 290.469 847.053 290.469H834.374ZM832.261 127.493C830.5 127.493 829.004 126.965 827.771 125.908C826.714 124.675 826.186 123.179 826.186 121.418V107.154C826.186 105.393 826.714 103.984 827.771 102.928C829.004 101.695 830.5 101.079 832.261 101.079H848.902C850.663 101.079 852.072 101.695 853.129 102.928C854.361 103.984 854.978 105.393 854.978 107.154V121.418C854.978 123.179 854.361 124.675 853.129 125.908C852.072 126.965 850.663 127.493 848.902 127.493H832.261Z" fill="#2D2E2F"/>
+<path d="M912.082 290.469C910.321 290.469 908.824 289.94 907.592 288.884C906.535 287.651 906.007 286.154 906.007 284.393V174.246H883.555C881.794 174.246 880.297 173.718 879.064 172.661C878.008 171.429 877.479 169.932 877.479 168.171V159.19C877.479 157.429 878.008 156.02 879.064 154.964C880.297 153.731 881.794 153.115 883.555 153.115H906.007V139.908C906.007 130.927 907.504 123.091 910.497 116.399C913.491 109.531 918.245 104.249 924.761 100.551C931.453 96.8525 940.345 95.0035 951.439 95.0035H967.288C969.049 95.0035 970.458 95.6199 971.514 96.8525C972.571 97.9091 973.099 99.3179 973.099 101.079V110.06C973.099 111.821 972.571 113.317 971.514 114.55C970.458 115.607 969.049 116.135 967.288 116.135H951.968C943.691 116.135 938.056 118.336 935.062 122.738C932.069 126.965 930.572 133.128 930.572 141.228V153.115H964.646C966.407 153.115 967.816 153.731 968.873 154.964C969.929 156.02 970.458 157.429 970.458 159.19V168.171C970.458 169.932 969.929 171.429 968.873 172.661C967.816 173.718 966.407 174.246 964.646 174.246H930.572V284.393C930.572 286.154 929.956 287.651 928.723 288.884C927.667 289.94 926.258 290.469 924.497 290.469H912.082Z" fill="#2D2E2F"/>
+<path d="M1017.94 340.656C1016.53 340.656 1015.3 340.127 1014.24 339.071C1013.19 338.014 1012.66 336.782 1012.66 335.373C1012.66 334.668 1012.75 333.964 1012.92 333.26C1013.1 332.555 1013.45 331.675 1013.98 330.618L1034.32 282.28L983.867 163.152C982.987 161.039 982.546 159.542 982.546 158.662C982.546 157.077 983.075 155.756 984.131 154.7C985.188 153.643 986.509 153.115 988.093 153.115H1001.04C1002.8 153.115 1004.21 153.555 1005.26 154.435C1006.32 155.316 1007.02 156.373 1007.38 157.605L1047.53 253.753L1088.73 157.605C1089.26 156.373 1089.96 155.316 1090.84 154.435C1091.9 153.555 1093.4 153.115 1095.34 153.115H1107.75C1109.33 153.115 1110.66 153.643 1111.71 154.7C1112.77 155.756 1113.3 156.989 1113.3 158.398C1113.3 159.278 1112.86 160.863 1111.98 163.152L1036.96 336.165C1036.43 337.398 1035.64 338.454 1034.58 339.335C1033.7 340.215 1032.29 340.656 1030.36 340.656H1017.94Z" fill="#2D2E2F"/>
+<path d="M1128.65 290.469C1126.89 290.469 1125.4 289.94 1124.16 288.884C1123.11 287.651 1122.58 286.154 1122.58 284.393V265.375C1122.58 263.614 1123.11 262.205 1124.16 261.149C1125.4 259.916 1126.89 259.3 1128.65 259.3H1147.67C1149.43 259.3 1150.84 259.916 1151.9 261.149C1153.13 262.205 1153.75 263.614 1153.75 265.375V284.393C1153.75 286.154 1153.13 287.651 1151.9 288.884C1150.84 289.94 1149.43 290.469 1147.67 290.469H1128.65Z" fill="#2D2E2F"/>
+<path d="M1244.66 348.58C1232.69 348.58 1222.83 346.995 1215.08 343.825C1207.51 340.656 1201.52 336.782 1197.12 332.203C1192.89 327.801 1189.81 323.31 1187.87 318.732C1186.11 314.329 1185.14 310.808 1184.97 308.166C1184.79 306.405 1185.32 304.908 1186.55 303.676C1187.96 302.443 1189.46 301.827 1191.04 301.827H1203.72C1205.31 301.827 1206.63 302.179 1207.68 302.883C1208.74 303.588 1209.62 305.084 1210.32 307.374C1211.38 310.015 1212.97 312.921 1215.08 316.09C1217.19 319.436 1220.45 322.254 1224.85 324.543C1229.25 327.008 1235.42 328.241 1243.34 328.241C1251.62 328.241 1258.57 327.096 1264.21 324.807C1269.84 322.694 1274.07 318.82 1276.89 313.185C1279.88 307.726 1281.38 300.154 1281.38 290.469V272.507C1277.15 277.966 1271.61 282.544 1264.74 286.242C1257.87 289.764 1249.24 291.525 1238.85 291.525C1228.99 291.525 1220.54 289.852 1213.49 286.507C1206.45 282.985 1200.64 278.318 1196.06 272.507C1191.66 266.52 1188.31 259.74 1186.02 252.168C1183.91 244.596 1182.68 236.672 1182.33 228.395C1182.15 223.465 1182.15 218.622 1182.33 213.867C1182.68 205.591 1183.91 197.667 1186.02 190.095C1188.31 182.523 1191.66 175.743 1196.06 169.756C1200.64 163.769 1206.45 159.102 1213.49 155.756C1220.54 152.234 1228.99 150.473 1238.85 150.473C1249.42 150.473 1258.13 152.498 1265 156.549C1272.05 160.423 1277.77 165.177 1282.17 170.812V159.454C1282.17 157.693 1282.7 156.196 1283.76 154.964C1284.99 153.731 1286.49 153.115 1288.25 153.115H1300.4C1302.16 153.115 1303.65 153.731 1304.89 154.964C1306.12 156.196 1306.74 157.693 1306.74 159.454V287.563C1306.74 299.361 1304.71 309.839 1300.66 318.996C1296.79 328.153 1290.27 335.373 1281.11 340.656C1272.13 345.938 1259.98 348.58 1244.66 348.58ZM1244.13 270.394C1252.94 270.394 1259.98 268.369 1265.27 264.319C1270.73 260.268 1274.69 255.162 1277.15 248.998C1279.79 242.835 1281.2 236.584 1281.38 230.244C1281.55 227.779 1281.64 224.785 1281.64 221.263C1281.64 217.565 1281.55 214.484 1281.38 212.018C1281.2 205.679 1279.79 199.428 1277.15 193.264C1274.69 187.101 1270.73 181.994 1265.27 177.944C1259.98 173.894 1252.94 171.869 1244.13 171.869C1235.33 171.869 1228.29 173.894 1223 177.944C1217.72 181.818 1213.93 187.013 1211.65 193.529C1209.36 199.868 1208.04 206.736 1207.68 214.132C1207.51 218.71 1207.51 223.377 1207.68 228.131C1208.04 235.527 1209.36 242.483 1211.65 248.998C1213.93 255.338 1217.72 260.533 1223 264.583C1228.29 268.457 1235.33 270.394 1244.13 270.394Z" fill="#2D2E2F"/>
+<path d="M1394.35 293.11C1380.96 293.11 1369.78 290.557 1360.8 285.45C1351.82 280.343 1344.95 273.299 1340.2 264.319C1335.44 255.162 1332.8 244.772 1332.27 233.15C1332.1 230.156 1332.01 226.37 1332.01 221.792C1332.01 217.037 1332.1 213.251 1332.27 210.434C1332.8 198.635 1335.44 188.246 1340.2 179.265C1345.13 170.284 1352.08 163.24 1361.07 158.133C1370.05 153.027 1381.14 150.473 1394.35 150.473C1407.55 150.473 1418.65 153.027 1427.63 158.133C1436.61 163.24 1443.48 170.284 1448.23 179.265C1453.16 188.246 1455.89 198.635 1456.42 210.434C1456.6 213.251 1456.69 217.037 1456.69 221.792C1456.69 226.37 1456.6 230.156 1456.42 233.15C1455.89 244.772 1453.25 255.162 1448.5 264.319C1443.74 273.299 1436.87 280.343 1427.89 285.45C1418.91 290.557 1407.73 293.11 1394.35 293.11ZM1394.35 272.771C1405.27 272.771 1413.98 269.337 1420.5 262.47C1427.01 255.426 1430.53 245.212 1431.06 231.829C1431.24 229.188 1431.33 225.842 1431.33 221.792C1431.33 217.742 1431.24 214.396 1431.06 211.754C1430.53 198.371 1427.01 188.246 1420.5 181.378C1413.98 174.334 1405.27 170.812 1394.35 170.812C1383.43 170.812 1374.62 174.334 1367.93 181.378C1361.42 188.246 1357.98 198.371 1357.63 211.754C1357.46 214.396 1357.37 217.742 1357.37 221.792C1357.37 225.842 1357.46 229.188 1357.63 231.829C1357.98 245.212 1361.42 255.426 1367.93 262.47C1374.62 269.337 1383.43 272.771 1394.35 272.771Z" fill="#2D2E2F"/>
+<path d="M1524.75 290.469C1522.1 290.469 1519.99 289.852 1518.41 288.62C1517 287.387 1515.85 285.802 1514.97 283.865L1466.11 161.303C1465.75 160.423 1465.58 159.542 1465.58 158.662C1465.58 157.077 1466.11 155.756 1467.16 154.7C1468.22 153.643 1469.54 153.115 1471.12 153.115H1483.8C1485.74 153.115 1487.24 153.643 1488.29 154.7C1489.35 155.756 1489.97 156.725 1490.14 157.605L1530.56 261.677L1570.71 157.605C1571.06 156.725 1571.67 155.756 1572.56 154.7C1573.61 153.643 1575.11 153.115 1577.05 153.115H1589.99C1591.4 153.115 1592.63 153.643 1593.69 154.7C1594.92 155.756 1595.54 157.077 1595.54 158.662C1595.54 159.542 1595.36 160.423 1595.01 161.303L1545.88 283.865C1545.17 285.802 1544.03 287.387 1542.44 288.62C1541.03 289.852 1538.92 290.469 1536.1 290.469H1524.75Z" fill="#2D2E2F"/>
+</svg>

app/assets/images/safari-pinned-tab.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="260.000000pt" height="260.000000pt" viewBox="0 0 260.000000 260.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,260.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1177 2586 c-67 -29 -117 -107 -117 -183 0 -12 -15 -24 -48 -37 -175
+-69 -342 -229 -426 -406 -74 -156 -77 -183 -78 -657 l-1 -423 -123 -116 -124
+-117 0 -109 0 -108 996 2 997 3 -1 105 -1 105 -123 117 -123 118 -1 310 c0
+170 -3 313 -7 316 -4 4 -26 8 -50 9 -105 6 -216 59 -292 140 -152 161 -161
+417 -22 583 35 42 31 48 -71 97 -42 20 -84 41 -92 45 -8 4 -18 28 -22 54 -14
+100 -80 158 -182 162 -34 1 -74 -4 -89 -10z"/>
+<path d="M1854 2297 c-64 -28 -95 -48 -134 -89 -65 -68 -99 -163 -94 -265 11
+-271 317 -431 547 -286 163 103 215 311 122 482 -35 64 -91 114 -165 149 -77
+37 -202 41 -276 9z"/>
+<path d="M910 282 c0 -32 32 -116 59 -154 114 -161 427 -170 566 -16 42 47 75
+119 75 165 l0 23 -350 0 c-332 0 -350 -1 -350 -18z"/>
+</g>
+</svg>

app/assets/images/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

app/assets/images/usa-mask-icon.svg

@@ -0,0 +1,4 @@
+<svg width="680" height="680" viewBox="0 0 680 680" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M672 211H332V161L672 161V211ZM672 294H332V244H672V294ZM672 377H332V327H672V377ZM672 410V460H8V410H672ZM672 493V543H8V493H672Z" fill="#D83933"/>
+<path d="M8 161H299V377H8V161Z" fill="#3C3B6E"/>
+</svg>

app/assets/javascripts/activityChart.js

@@ -0,0 +1,266 @@
+(function (window) {
+
+    if (document.getElementById('activityChartContainer')) {
+
+        const COLORS = {
+            delivered: '#0076d6',
+            failed: '#fa9441',
+            text: '#666'
+        };
+
+        const FONT_SIZE = 16;
+        const FONT_WEIGHT = 'bold';
+        const MAX_Y = 120;
+
+        const createChart = function(containerId, labels, deliveredData, failedData) {
+            const container = d3.select(containerId);
+            container.selectAll('*').remove(); // Clear any existing content
+
+            const margin = { top: 60, right: 20, bottom: 40, left: 20 }; // Adjusted top margin for legend
+            const width = container.node().getBoundingClientRect().width - margin.left - margin.right;
+            const height = 400 - margin.top - margin.bottom;
+
+            const svg = container.append('svg')
+                .attr('width', width + margin.left + margin.right)
+                .attr('height', height + margin.top + margin.bottom)
+                .append('g')
+                .attr('transform', `translate(${margin.left},${margin.top})`);
+
+            // Create legend
+            const legendContainer = d3.select('.chart-legend');
+            legendContainer.selectAll('*').remove(); // Clear any existing legend
+
+            const legendData = [
+                { label: 'Delivered', color: COLORS.delivered },
+                { label: 'Failed', color: COLORS.failed }
+            ];
+
+            const legendItem = legendContainer.selectAll('.legend-item')
+                .data(legendData)
+                .enter()
+                .append('div')
+                .attr('class', 'legend-item');
+
+            legendItem.append('div')
+                .attr('class', 'legend-rect')
+                .style('background-color', d => d.color)
+                .style('display', 'inline-block')
+                .style('margin-right', '5px');
+
+            legendItem.append('span')
+                .attr('class', 'legend-label')
+                .text(d => d.label);
+
+            const x = d3.scaleBand()
+                .domain(labels)
+                .range([0, width])
+                .padding(0.1);
+                            // Adjust the y-axis domain to add some space above the tallest bar
+            const maxY = d3.max(deliveredData.map((d, i) => d + (failedData[i] || 0)));
+            const y = d3.scaleLinear()
+                .domain([0, maxY + 2]) // Add 2 units of space at the top
+                .nice()
+                .range([height, 0]);
+
+            svg.append('g')
+                .attr('class', 'x axis')
+                .attr('transform', `translate(0,${height})`)
+                .call(d3.axisBottom(x));
+
+            // Generate the y-axis with whole numbers
+            const yAxis = d3.axisLeft(y)
+                .ticks(Math.min(maxY + 2, 10)) // Generate up to 10 ticks based on the data
+                .tickFormat(d3.format('d')); // Ensure whole numbers on the y-axis
+
+            svg.append('g')
+                .attr('class', 'y axis')
+                .call(yAxis);
+
+            // Data for stacking
+            const stackData = labels.map((label, i) => ({
+                label: label,
+                delivered: deliveredData[i],
+                failed: failedData[i] || 0 // Ensure there's a value for failed, even if it's 0
+            }));
+
+            // Stack the data
+            const stack = d3.stack()
+                .keys(['delivered', 'failed'])
+                .order(d3.stackOrderNone)
+                .offset(d3.stackOffsetNone);
+
+            const series = stack(stackData);
+
+            // Color scale
+            const color = d3.scaleOrdinal()
+                .domain(['delivered', 'failed'])
+                .range([COLORS.delivered, COLORS.failed]);
+                            // Create tooltip
+            const tooltip = d3.select('body').append('div')
+            .attr('id', 'tooltip')
+            .style('display', 'none');
+
+        // Create bars with animation
+        const barGroups = svg.selectAll('.bar-group')
+            .data(series)
+            .enter()
+            .append('g')
+            .attr('class', 'bar-group')
+            .attr('fill', d => color(d.key));
+
+        barGroups.selectAll('rect')
+            .data(d => d)
+            .enter()
+            .append('rect')
+            .attr('x', d => x(d.data.label))
+            .attr('y', height)
+            .attr('height', 0)
+            .attr('width', x.bandwidth())
+            .on('mouseover', function(event, d) {
+                const key = d3.select(this.parentNode).datum().key;
+                const capitalizedKey = key.charAt(0).toUpperCase() + key.slice(1);
+                tooltip.style('display', 'block')
+                    .html(`${d.data.label}<br>${capitalizedKey}: ${d.data[key]}`);
+            })
+            .on('mousemove', function(event) {
+                tooltip.style('left', `${event.pageX + 10}px`)
+                    .style('top', `${event.pageY - 20}px`);
+            })
+            .on('mouseout', function() {
+                tooltip.style('display', 'none');
+            })
+            .transition()
+            .duration(1000)
+            .attr('y', d => y(d[1]))
+            .attr('height', d => y(d[0]) - y(d[1]));
+    };
+
+    // Function to create an accessible table
+    const createTable = function(tableId, chartType, labels, deliveredData, failedData) {
+        const table = document.getElementById(tableId);
+        table.innerHTML = ""; // Clear previous data
+
+        const captionText = document.querySelector(`#${chartType} .chart-subtitle`).textContent;
+        const caption = document.createElement('caption');
+        caption.textContent = captionText;
+        const thead = document.createElement('thead');
+        const tbody = document.createElement('tbody');
+
+        // Create table header
+        const headerRow = document.createElement('tr');
+        const headers = ['Day', 'Delivered', 'Failed'];
+        headers.forEach(headerText => {
+            const th = document.createElement('th');
+            th.textContent = headerText;
+            headerRow.appendChild(th);
+        });
+        thead.appendChild(headerRow);
+
+        // Create table body
+        labels.forEach((label, index) => {
+            const row = document.createElement('tr');
+            const cellDay = document.createElement('td');
+            cellDay.textContent = label;
+            row.appendChild(cellDay);
+
+            const cellDelivered = document.createElement('td');
+            cellDelivered.textContent = deliveredData[index];
+            row.appendChild(cellDelivered);
+
+            const cellFailed = document.createElement('td');
+            cellFailed.textContent = failedData[index];
+            row.appendChild(cellFailed);
+
+            tbody.appendChild(row);
+        });
+
+        table.appendChild(caption);
+        table.appendChild(thead);
+        table.append(tbody);
+    };
+
+    const fetchData = function(type) {
+        var ctx = document.getElementById('weeklyChart');
+        if (!ctx) {
+            return;
+        }
+
+        var socket = io("/services");
+        var eventType = type === 'service' ? 'fetch_daily_stats' : 'fetch_daily_stats_by_user';
+        var socketConnect = type === 'service' ? 'daily_stats_update' : 'daily_stats_by_user_update';
+
+        socket.on('connect', function () {
+            socket.emit(eventType);
+        });
+
+        socket.on('connect_error', function(error) {
+            console.error('WebSocket connection error:', error);
+        });
+
+        socket.on(socketConnect, function(data) {
+
+            var labels = [];
+            var deliveredData = [];
+            var failedData = [];
+
+            for (var dateString in data) {
+                // Parse the date string (assuming format YYYY-MM-DD)
+                const dateParts = dateString.split('-');
+                const formattedDate = `${dateParts[1]}/${dateParts[2]}/${dateParts[0].slice(2)}`; // Format to MM/DD/YY
+
+                labels.push(formattedDate);
+                deliveredData.push(data[dateString].sms.delivered);
+                failedData.push(data[dateString].sms.failure);
+            }
+
+            createChart('#weeklyChart', labels, deliveredData, failedData);
+            createTable('weeklyTable', 'activityChart', labels, deliveredData, failedData);
+        });
+
+        socket.on('error', function(data) {
+            console.log('Error:', data);
+        });
+    };
+
+    const handleDropdownChange = function(event) {
+        const selectedValue = event.target.value;
+        const subTitle = document.querySelector(`#activityChartContainer .chart-subtitle`);
+        const selectElement = document.getElementById('options');
+        const selectedText = selectElement.options[selectElement.selectedIndex].text;
+
+        if (selectedValue === "individual") {
+            subTitle.textContent = selectedText + " - Last 7 Days";
+            fetchData('individual');
+        } else if (selectedValue === "service") {
+            subTitle.textContent = selectedText + " - Last 7 Days";
+            fetchData('service');
+        }
+
+        // Update ARIA live region
+        const liveRegion = document.getElementById('aria-live-account');
+            liveRegion.textContent = `Data updated for ${selectedText} - Last 7 Days`;
+        };
+
+        document.addEventListener('DOMContentLoaded', function() {
+            // Initialize activityChart chart and table with service data by default
+            fetchData('service');
+
+            // Add event listener to the dropdown
+            const dropdown = document.getElementById('options');
+            dropdown.addEventListener('change', handleDropdownChange);
+        });
+
+        // Resize chart on window resize
+        window.addEventListener('resize', function() {
+            const selectedValue = document.getElementById('options').value;
+            handleDropdownChange({ target: { value: selectedValue } });
+        });
+
+        // Export functions for testing
+        window.createChart = createChart;
+        window.createTable = createTable;
+        window.handleDropdownChange = handleDropdownChange;
+        window.fetchData = fetchData;
+    }
+
+})(window);

app/assets/javascripts/authenticateSecurityKey.js

@@ -1,74 +0,0 @@
-(function (window) {
-  "use strict";
-
-  window.GOVUK.Modules.AuthenticateSecurityKey = function () {
-    this.start = function (component) {
-      $(component)
-        .on('click', function (event) {
-          event.preventDefault();
-
-          // hide any existing error prompt
-          window.GOVUK.ErrorBanner.hideBanner();
-
-          fetch('/webauthn/authenticate')
-            .then(response => {
-              if (!response.ok) {
-                throw Error(response.statusText);
-              }
-
-              return response.arrayBuffer();
-            })
-            .then(data => {
-              var options = window.CBOR.decode(data);
-              // triggers browser dialogue to login with authenticator
-              return window.navigator.credentials.get(options);
-            })
-            .then(credential => {
-              const currentURL = new URL(window.location.href);
-
-              // create authenticateURL from admin hostname plus /webauthn/authenticate path
-              const authenticateURL = new URL('/webauthn/authenticate', window.location.href);
-
-              const nextUrl = currentURL.searchParams.get('next');
-              if (nextUrl) {
-                // takes nextUrl from the query string on the current browser URL
-                // (which should be /two-factor-webauthn) and pass it through to
-                // the POST. put it in a query string so it's consistent with how
-                // the other login flows manage it
-                authenticateURL.searchParams.set('next', nextUrl);
-              }
-
-              return fetch(authenticateURL, {
-                method: 'POST',
-                headers: { 'X-CSRFToken': component.data('csrfToken') },
-                body: window.CBOR.encode({
-                  credentialId: new Uint8Array(credential.rawId),
-                  authenticatorData: new Uint8Array(credential.response.authenticatorData),
-                  signature: new Uint8Array(credential.response.signature),
-                  clientDataJSON: new Uint8Array(credential.response.clientDataJSON),
-                })
-              });
-            })
-            .then(response => {
-              if (!response.ok) {
-                throw Error(response.statusText);
-              }
-
-              return response.arrayBuffer();
-            })
-            .then(cbor => {
-              return Promise.resolve(window.CBOR.decode(cbor));
-            })
-            .then(data => {
-              window.location.assign(data.redirect_url);
-            })
-            .catch(error => {
-              console.error(error);
-              // some browsers will show an error dialogue for some
-              // errors; to be safe we always display an error message on the page.
-              window.GOVUK.ErrorBanner.showBanner();
-            });
-        });
-    };
-  };
-}) (window);

app/assets/javascripts/collapsibleCheckboxes.js

@@ -20,7 +20,7 @@
     }[field] || `No ${field}s`)
   };
   Summary.prototype.addContent = function() {
-    const $hint = this.module.$formGroup.find('.govuk-hint');
+    const $hint = this.module.$formGroup.find('.usa-hint');
     this.$text = $(`<p class="selection-summary__text" />`);
 
     if (this.fieldLabel === 'folder') { this.$text.addClass('selection-summary__text--folders'); }
@@ -65,7 +65,7 @@
 
     return $(`<div class="selection-footer${stickyClass}">
               <button
-                class="govuk-button govuk-button--secondary selection-footer__button"
+                class="govuk-button govuk-button--secondary selection-footer__button usa-button usa-button--outline"
                 aria-expanded="${expanded ? 'true' : 'false'}"
                 aria-controls="${this.fieldsetId}">
               ${buttonContent}
@@ -90,7 +90,7 @@
   };
   CollapsibleCheckboxes.prototype.start = function(component) {
     this.$component = $(component);
-    this.$formGroup = this.$component.find('.govuk-form-group').first();
+    this.$formGroup = this.$component.find('.usa-form-group').first();
     this.$fieldset = this.$formGroup.find('fieldset').first();
     this.$checkboxes = this.$fieldset.find('input[type=checkbox]');
     this.fieldLabel = this.$component.data('fieldLabel');

app/assets/javascripts/colourPreview.js

@@ -10,7 +10,7 @@
 
       this.$input = $(component);
 
-      this.$input.closest('.govuk-form-group').append(
+      this.$input.closest('.usa-form-group').append(
         this.$preview = $('<span class="textbox-colour-preview"></span>')
       );
 

app/assets/javascripts/consent.js

@@ -1,15 +0,0 @@
-(function (window) {
-  "use strict";
-
-  function hasConsentFor (cookieCategory, consentCookie) {
-    if (consentCookie === undefined) { consentCookie = window.GOVUK.getConsentCookie(); }
-
-    if (consentCookie === null) { return false; }
-
-    if (!(cookieCategory in consentCookie)) { return false; }
-
-    return consentCookie[cookieCategory];
-  }
-
-  window.GOVUK.hasConsentFor = hasConsentFor;
-})(window);

app/assets/javascripts/cookieMessage.js

@@ -1,104 +0,0 @@
-window.GOVUK = window.GOVUK || {};
-window.GOVUK.Modules = window.GOVUK.Modules || {};
-
-(function (Modules) {
-  function CookieBanner () { }
-
-  CookieBanner.clearOldCookies = function (consent) {
-    var gaCookies = ['_ga', '_gid'];
-
-    // clear old cookie set by our previous JS, set on the www domain
-    if (window.GOVUK.cookie('seen_cookie_message')) {
-      document.cookie = 'seen_cookie_message=;expires=' + new Date().toGMTString() + ';path=/';
-    }
-
-    if (consent === null) {
-      for (var i = 0; i < gaCookies.length; i++) {
-        if (window.GOVUK.cookie(gaCookies[i])) {
-          // GA cookies are set on the base domain so need the www stripping
-          var cookieString = gaCookies[i] + '=;expires=' + new Date().toGMTString() + ';domain=' + window.location.hostname.replace(/^www\./, '.') + ';path=/';
-          document.cookie = cookieString;
-        }
-      }
-    }
-  };
-
-  CookieBanner.prototype.start = function ($module) {
-    this.$module = $module[0];
-    this.$module.hideCookieMessage = this.hideCookieMessage.bind(this);
-    this.$module.showConfirmationMessage = this.showConfirmationMessage.bind(this);
-    this.$module.setCookieConsent = this.setCookieConsent.bind(this);
-
-    this.$module.cookieBanner = document.querySelector('.notify-cookie-banner');
-    this.$module.cookieBannerConfirmationMessage = this.$module.querySelector('.notify-cookie-banner__confirmation');
-
-    this.setupCookieMessage();
-  };
-
-  CookieBanner.prototype.setupCookieMessage = function () {
-    this.$hideLink = this.$module.querySelector('button[data-hide-cookie-banner]');
-    if (this.$hideLink) {
-      this.$hideLink.addEventListener('click', this.$module.hideCookieMessage);
-    }
-
-    this.$acceptCookiesLink = this.$module.querySelector('button[data-accept-cookies=true]');
-    if (this.$acceptCookiesLink) {
-      this.$acceptCookiesLink.addEventListener('click', () => this.$module.setCookieConsent(true));
-    }
-
-    this.$rejectCookiesLink = this.$module.querySelector('button[data-accept-cookies=false]');
-    if (this.$rejectCookiesLink) {
-      this.$rejectCookiesLink.addEventListener('click', () => this.$module.setCookieConsent(false));
-    }
-
-    this.showCookieMessage();
-  };
-
-  CookieBanner.prototype.showCookieMessage = function () {
-    // Show the cookie banner if not in the cookie settings page
-    if (!this.isInCookiesPage()) {
-      var hasCookiesPolicy = window.GOVUK.cookie('cookies_policy');
-
-      if (this.$module && !hasCookiesPolicy) {
-        this.$module.style.display = 'block';
-      }
-    }
-  };
-
-  CookieBanner.prototype.hideCookieMessage = function (event) {
-    if (this.$module) {
-      this.$module.style.display = 'none';
-    }
-
-    if (event.target) {
-      event.preventDefault();
-    }
-  };
-
-  CookieBanner.prototype.setCookieConsent = function (analyticsConsent) {
-    window.GOVUK.setConsentCookie({ 'analytics': analyticsConsent });
-
-    this.$module.showConfirmationMessage(analyticsConsent);
-    this.$module.cookieBannerConfirmationMessage.focus();
-
-    if (analyticsConsent) { window.GOVUK.initAnalytics(); }
-  };
-
-  CookieBanner.prototype.showConfirmationMessage = function (analyticsConsent) {
-    var messagePrefix = analyticsConsent ? 'You’ve accepted analytics cookies.' : 'You told us not to use analytics cookies.';
-
-    this.$cookieBannerMainContent = document.querySelector('.notify-cookie-banner__wrapper');
-    this.$cookieBannerConfirmationMessage = document.querySelector('.notify-cookie-banner__confirmation-message');
-
-    this.$cookieBannerConfirmationMessage.insertAdjacentText('afterbegin', messagePrefix);
-    this.$cookieBannerMainContent.style.display = 'none';
-    this.$module.cookieBannerConfirmationMessage.style.display = 'block';
-  };
-
-  CookieBanner.prototype.isInCookiesPage = function () {
-    return window.location.pathname === '/cookies';
-  };
-
-  Modules.CookieBanner = CookieBanner;
-})(window.GOVUK.Modules);
-

app/assets/javascripts/date.js

@@ -0,0 +1,10 @@
+(function (window) {
+    "use strict";
+
+    // Show the current year
+    const currentYearElement = document.getElementById("current-year");
+
+    if (currentYearElement) {
+        currentYearElement.textContent = new Date().getFullYear();
+    }
+})(window);

app/assets/javascripts/errorBanner.js

@@ -9,9 +9,8 @@
   This may behave in unexpected ways if you have more than one element with the `banner-dangerous` class on your page.
   */
   window.GOVUK.ErrorBanner = {
-    hideBanner: () => $('.banner-dangerous').addClass('govuk-!-display-none'),
+    hideBanner: () => $('.banner-dangerous').addClass('display-none'),
     showBanner: () => $('.banner-dangerous')
-      .removeClass('govuk-!-display-none')
-      .trigger('focus'),
+      .removeClass('display-none')
   };
 })(window);

app/assets/javascripts/fileUpload.js

@@ -15,9 +15,9 @@
 
       // The label gets styled like a button and is used to hide the native file upload control. This is so that
       // users see a button that looks like the others on the site.
-// 
-      this.$form.find('label.file-upload-button').addClass('usa-button');
 
+      this.$form.find('label.file-upload-button').addClass('usa-button margin-bottom-1').attr( {role: 'button', tabindex: '0'} );
+      
       // Clear the form if the user navigates back to the page
       $(window).on("pageshow", () => this.$form[0].reset());
 

app/assets/javascripts/govuk/cookie-functions.js

@@ -1,163 +0,0 @@
-// used by the cookie banner component
-
-(function (root) {
-  'use strict';
-  window.GOVUK = window.GOVUK || {};
-
-  var DEFAULT_COOKIE_CONSENT = {
-    'analytics': false
-  };
-
-  var COOKIE_CATEGORIES = {
-    '_ga': 'analytics',
-    '_gid': 'analytics'
-  };
-
-  /*
-    Cookie methods
-    ==============
-
-    Usage:
-
-      Setting a cookie:
-      GOVUK.cookie('hobnob', 'tasty', { days: 30 });
-
-      Reading a cookie:
-      GOVUK.cookie('hobnob');
-
-      Deleting a cookie:
-      GOVUK.cookie('hobnob', null);
-  */
-  window.GOVUK.cookie = function (name, value, options) {
-    if (typeof value !== 'undefined') {
-      if (value === false || value === null) {
-        return window.GOVUK.setCookie(name, '', { days: -1 });
-      } else {
-        // Default expiry date of 30 days
-        if (typeof options === 'undefined') {
-          options = { days: 30 };
-        }
-        return window.GOVUK.setCookie(name, value, options);
-      }
-    } else {
-      return window.GOVUK.getCookie(name);
-    }
-  };
-
-  window.GOVUK.getConsentCookie = function () {
-    var consentCookie = window.GOVUK.cookie('cookies_policy');
-    var consentCookieObj;
-
-    if (consentCookie) {
-      try {
-        consentCookieObj = JSON.parse(consentCookie);
-      } catch (err) {
-        return null;
-      }
-
-      if (typeof consentCookieObj !== 'object' && consentCookieObj !== null) {
-        consentCookieObj = JSON.parse(consentCookieObj);
-      }
-    } else {
-      return null;
-    }
-
-    return consentCookieObj;
-  };
-
-  window.GOVUK.setConsentCookie = function (options) {
-    var cookieConsent = window.GOVUK.getConsentCookie();
-
-    if (!cookieConsent) {
-      cookieConsent = JSON.parse(JSON.stringify(DEFAULT_COOKIE_CONSENT));
-    }
-
-    for (var cookieType in options) {
-      cookieConsent[cookieType] = options[cookieType];
-
-      // Delete cookies of that type if consent being set to false
-      if (!options[cookieType]) {
-        for (var cookie in COOKIE_CATEGORIES) {
-          if (COOKIE_CATEGORIES[cookie] === cookieType) {
-            window.GOVUK.cookie(cookie, null);
-
-            if (window.GOVUK.cookie(cookie)) {
-              document.cookie = cookie + '=;expires=' + new Date() + ';domain=' + window.location.hostname.replace(/^www\./, '.') + ';path=/';
-            }
-          }
-        }
-      }
-    }
-
-    window.GOVUK.setCookie('cookies_policy', JSON.stringify(cookieConsent), { days: 365 });
-  };
-
-  window.GOVUK.checkConsentCookieCategory = function (cookieName, cookieCategory) {
-    var currentConsentCookie = window.GOVUK.getConsentCookie();
-
-    // If the consent cookie doesn't exist, but the cookie is in our known list, return true
-    if (!currentConsentCookie && COOKIE_CATEGORIES[cookieName]) {
-      return true;
-    }
-
-    currentConsentCookie = window.GOVUK.getConsentCookie();
-
-    // Sometimes currentConsentCookie is malformed in some of the tests, so we need to handle these
-    try {
-      return currentConsentCookie[cookieCategory];
-    } catch (e) {
-      console.error(e);
-      return false;
-    }
-  };
-
-  window.GOVUK.checkConsentCookie = function (cookieName, cookieValue) {
-    // If we're setting the consent cookie OR deleting a cookie, allow by default
-    if (cookieName === 'cookies_policy' || (cookieValue === null || cookieValue === false)) {
-      return true;
-    }
-
-    if (COOKIE_CATEGORIES[cookieName]) {
-      var cookieCategory = COOKIE_CATEGORIES[cookieName];
-
-      return window.GOVUK.checkConsentCookieCategory(cookieName, cookieCategory);
-    } else {
-      // Deny the cookie if it is not known to us
-      return false;
-    }
-  };
-
-  window.GOVUK.setCookie = function (name, value, options) {
-    if (window.GOVUK.checkConsentCookie(name, value)) {
-      if (typeof options === 'undefined') {
-        options = {};
-      }
-      var cookieString = name + '=' + value + '; path=/';
-      if (options.days) {
-        var date = new Date();
-        date.setTime(date.getTime() + (options.days * 24 * 60 * 60 * 1000));
-        cookieString = cookieString + '; expires=' + date.toGMTString();
-      }
-      if (document.location.protocol === 'https:') {
-        cookieString = cookieString + '; Secure';
-      }
-      document.cookie = cookieString;
-    }
-  };
-
-  window.GOVUK.getCookie = function (name) {
-    var nameEQ = name + '=';
-    var cookies = document.cookie.split(';');
-    for (var i = 0, len = cookies.length; i < len; i++) {
-      var cookie = cookies[i];
-      while (cookie.charAt(0) === ' ') {
-        cookie = cookie.substring(1, cookie.length);
-      }
-      if (cookie.indexOf(nameEQ) === 0) {
-        return decodeURIComponent(cookie.substring(nameEQ.length));
-      }
-    }
-    return null;
-  };
-}(window));
-

app/assets/javascripts/loginAlert.js

@@ -0,0 +1,41 @@
+(function (window) {
+
+// Set the target date (10 days before March 15th, 2024)
+  const targetDate = new Date("April 16, 2024 00:00:00").getTime();
+
+// Set a const for the container to write a conditional statement and only run if it exists
+  const countdownContainer = document.getElementById("countdown-container");
+
+ // Function to update the countdown display
+  function updateCountdown() {
+
+    if (countdownContainer) {
+      const now = new Date().getTime();
+      const difference = targetDate - now;
+
+      // Time calculations for days only
+      const days = Math.floor(difference / (1000 * 60 * 60 * 24));
+
+      // Visibility logic
+      if (days < 0 || days > 10) {
+        // Hide if more than 10 days away OR if already past the date
+        countdownContainer.style.display = "none";
+      } else {
+        // Show if 10 days or less remaining
+        countdownContainer.style.display = "block";
+        document.getElementById("countdown").innerHTML = days + " days ";
+      }
+    }
+
+  }
+
+    // Expose the updateCountdown function to the outside world
+  window.updateCountdown = updateCountdown;
+
+  // Initial display update
+  updateCountdown();
+
+  // Update the countdown every second (inside the IIFE)
+  setInterval(updateCountdown, 1000);
+
+})(window);

app/assets/javascripts/main.js

@@ -1,12 +1,5 @@
 window.GOVUK.Frontend.initAll();
 
-var consentData = window.GOVUK.getConsentCookie();
-window.GOVUK.Modules.CookieBanner.clearOldCookies(consentData);
-
-if (window.GOVUK.hasConsentFor('analytics', consentData)) {
-  window.GOVUK.initAnalytics();
-}
-
 $(() => $("time.timeago").timeago());
 
 var showHideContent = new GOVUK.ShowHideContent();
@@ -16,8 +9,6 @@ $(() => GOVUK.modules.start());
 
 $(() => $('.error-message, .usa-error-message').eq(0).parent('label').next('input').trigger('focus'));
 
-$(() => $('.banner-dangerous').eq(0).trigger('focus'));
-
 $(() => $('.govuk-header__container').on('click', function() {
   $(this).css('border-color', '#005ea5');
 }));

app/assets/javascripts/previewPane.js

@@ -1,36 +0,0 @@
-(function (global) {
-
-  'use strict';
-
-  $ = global.jQuery;
-
-  let branding_style = $('.govuk-radios__item input[name="branding_style"]:checked');
-
-  if (!branding_style.length) { return; }
-
-  branding_style = branding_style.val();
-
-  const $paneWrapper = $('<div class="govuk-grid-column-full"></div>');
-  const $form = $('form');
-  const previewType = $form.data('previewType');
-  const $previewPane = $(`<iframe src="/_${previewType}?${buildQueryString(['branding_style', branding_style])}" class="branding-preview" scrolling="no"></iframe>`);
-
-  function buildQueryString () {
-    return $.map(arguments, (val, idx) => encodeURI(val[0]) + '=' + encodeURI(val[1])).join('&');
-  }
-
-  function setPreviewPane (e) {
-    const $target = $(e.target);
-    if ($target.attr('name') == 'branding_style') {
-      branding_style = $target.val();
-    }
-    $previewPane.attr('src', `/_${previewType}?${buildQueryString(['branding_style', branding_style])}`);
-  }
-
-  $paneWrapper.append($previewPane);
-  $form.find('.govuk-grid-row').eq(0).prepend($paneWrapper);
-  $form.attr('action', location.pathname.replace(new RegExp(`set-${previewType}-branding$`), `preview-${previewType}-branding`));
-  $form.find('button[type="submit"]').text('Save');
-
-  $('fieldset').on('change', 'input[name="branding_style"]', setPreviewPane);
-})(window);

app/assets/javascripts/radioSelect.js

@@ -9,57 +9,57 @@
   let states = {
     'initial': Hogan.compile(`
       {{#showNowAsDefault}}
-        <div class="radio-select__column">
-          <div class="govuk-radios__item">
-            <input class="govuk-radios__input" checked="checked" id="{{name}}-0" name="{{name}}" type="radio" value="">
-            <label class="govuk-label govuk-radios__label" for="{{name}}-0">Now</label>
+        <div class="radio-select__column margin-y-2">
+          <div class="usa-radio">
+            <input class="usa-radio__input" checked="checked" id="{{name}}-0" name="{{name}}" type="radio" value="">
+            <label class="usa-radio__label" for="{{name}}-0">Now</label>
           </div>
         </div>
       {{/showNowAsDefault}}
-      <div class="radio-select__column">
+      <div class="radio-select__column margin-y-2">
         {{#categories}}
-          <input type='button' class='govuk-button govuk-button--secondary radio-select__button--category' aria-expanded="false" value='{{.}}' />
+          <input type='button' class='usa-button usa-button--outline radio-select__button--category' aria-expanded="false" value='{{.}}' />
         {{/categories}}
       </div>
     `),
     'choose': Hogan.compile(`
       {{#showNowAsDefault}}
-        <div class="radio-select__column">
-          <div class="govuk-radios__item">
-            <input class="govuk-radios__input" checked="checked" id="{{name}}-0" name="{{name}}" type="radio" value="">
-            <label class="govuk-label govuk-radios__label" for="{{name}}-0">Now</label>
+        <div class="radio-select__column margin-y-2">
+          <div class="usa-radio">
+            <input class="usa-radio__input" checked="checked" id="{{name}}-0" name="{{name}}" type="radio" value="">
+            <label class="usa-radio__label" for="{{name}}-0">Now</label>
           </div>
         </div>
       {{/showNowAsDefault}}
-      <div class="radio-select__column">
+      <div class="radio-select__column margin-y-2">
         {{#choices}}
-          <div class="govuk-radios__item js-option">
-            <input class="govuk-radios__input" type="radio" value="{{value}}" id="{{id}}" name="{{name}}" />
-            <label class="govuk-label govuk-radios__label" for="{{id}}">{{label}}</label>
+          <div class="usa-radio js-option">
+            <input class="usa-radio__input" type="radio" value="{{value}}" id="{{id}}" name="{{name}}" />
+            <label class="usa-radio__label" for="{{id}}">{{label}}</label>
           </div>
         {{/choices}}
-        <input type='button' class='govuk-button govuk-button--secondary radio-select__button--done' aria-expanded='true' value='Done' />
+        <input type='button' class='usa-button usa-button--outline radio-select__button--done' aria-expanded='true' value='Done' />
       </div>
     `),
     'chosen': Hogan.compile(`
       {{#showNowAsDefault}}
-        <div class="radio-select__column">
-          <div class="govuk-radios__item">
-            <input class="govuk-radios__input" id="{{name}}-0" name="{{name}}" type="radio" value="">
-            <label class="govuk-label govuk-radios__label" for="{{name}}-0">Now</label>
+        <div class="radio-select__column margin-y-2">
+          <div class="usa-radio">
+            <input class="usa-radio__input" id="{{name}}-0" name="{{name}}" type="radio" value="">
+            <label class="usa-radio__label" for="{{name}}-0">Now</label>
           </div>
         </div>
       {{/showNowAsDefault}}
-      <div class="radio-select__column">
+      <div class="radio-select__column margin-y-2">
         {{#choices}}
-          <div class="govuk-radios__item">
-            <input class="govuk-radios__input" checked="checked" type="radio" value="{{value}}" id="{{id}}" name="{{name}}" />
-            <label class="govuk-label govuk-radios__label" for="{{id}}">{{label}}</label>
+          <div class="usa-radio">
+            <input class="usa-radio__input" checked="checked" type="radio" value="{{value}}" id="{{id}}" name="{{name}}" />
+            <label class="usa-radio__label" for="{{id}}">{{label}}</label>
           </div>
         {{/choices}}
       </div>
-      <div class="radio-select__column">
-        <input type='button' class='govuk-button govuk-button--secondary radio-select__button--reset' aria-expanded='false' value='Choose a different time' />
+      <div class="radio-select__column margin-y-2">
+        <input type='button' class='usa-button usa-button--outline radio-select__button--reset' aria-expanded='false' value='Choose a different time' />
       </div>
     `)
   };

app/assets/javascripts/registerSecurityKey.js

@@ -1,58 +0,0 @@
-(function(window) {
-  "use strict";
-
-  window.GOVUK.Modules.RegisterSecurityKey = function() {
-    this.start = function(component) {
-      $(component)
-        .on('click', function(event) {
-          event.preventDefault();
-
-          // hide any existing error prompt
-          window.GOVUK.ErrorBanner.hideBanner();
-
-          fetch('/webauthn/register')
-            .then((response) => {
-              if (!response.ok) {
-                throw Error(response.statusText);
-              }
-
-              return response.arrayBuffer();
-            })
-            .then((data) => {
-              var options = window.CBOR.decode(data);
-              // triggers browser dialogue to select authenticator
-              return window.navigator.credentials.create(options);
-            })
-            .then((credential) => {
-              return postWebAuthnCreateResponse(
-                credential.response, component.data('csrfToken')
-              );
-            })
-            .then((response) => {
-              if (!response.ok) {
-                throw Error(response.statusText);
-              }
-
-              window.location.reload();
-            })
-            .catch((error) => {
-              console.error(error);
-              // some browsers will show an error dialogue for some
-              // errors; to be safe we always display an error message on the page.
-              window.GOVUK.ErrorBanner.showBanner();
-            });
-        });
-    };
-  };
-
-  function postWebAuthnCreateResponse(response, csrf_token) {
-    return fetch('/webauthn/register', {
-      method: 'POST',
-      headers: { 'X-CSRFToken': csrf_token },
-      body: window.CBOR.encode({
-        attestationObject: new Uint8Array(response.attestationObject),
-        clientDataJSON: new Uint8Array(response.clientDataJSON),
-      })
-    });
-  }
-})(window);

app/assets/javascripts/sampleChartDashboard.js

@@ -0,0 +1,70 @@
+(function (window) {
+
+    function initializeChartAndSocket() {
+        var ctx = document.getElementById('myChart');
+        if (!ctx) {
+            return;
+        }
+
+        var myBarChart = new Chart(ctx.getContext('2d'), {
+            type: 'bar',
+            data: {
+                labels: [],
+                datasets: [
+                    {
+                        label: 'Delivered',
+                        data: [],
+                        backgroundColor: '#0076d6',
+                        stack: 'Stack 0'
+                    },
+                ]
+            },
+            options: {
+                animation: false,
+                scales: {
+                    y: {
+                        beginAtZero: true
+                    }
+                }
+            }
+        });
+
+        var socket = io();
+
+        socket.on('connect', function() {
+            socket.emit('fetch_daily_stats_by_user');
+        });
+
+        socket.on('daily_stats_by_user_update', function(data) {
+            // console.log('Data received:', data);
+            var labels = [];
+            var deliveredData = [];
+            var failedData = [];
+
+            for (var date in data) {
+                labels.push(date);
+                deliveredData.push(data[date].sms.delivered);
+
+            }
+
+            myBarChart.data.labels = labels;
+            myBarChart.data.datasets[0].data = deliveredData;
+            myBarChart.update();
+        });
+
+        socket.on('error', function(data) {
+            // console.log('Error:', data);
+        });
+
+        var sevenDaysButton = document.getElementById('sevenDaysButton');
+        if (sevenDaysButton) {
+            sevenDaysButton.addEventListener('click', function() {
+                socket.emit('fetch_daily_stats_by_user');
+                // console.log('clicked');
+            });
+        }
+    }
+
+    document.addEventListener('DOMContentLoaded', initializeChartAndSocket);
+
+})(window);

app/assets/javascripts/timeoutPopup.js

@@ -0,0 +1,65 @@
+window.GOVUK = window.GOVUK || {};
+window.GOVUK.Modules = window.GOVUK.Modules || {};
+window.GOVUK.Modules.TimeoutPopup = window.GOVUK.Modules.TimeoutPopup || {};
+
+(function(global) {
+    "use strict";
+
+    const sessionTimer = document.getElementById("sessionTimer");
+    let intervalId = null;
+
+    function checkTimer(timeTillSessionEnd) {
+        var now = new Date().getTime();
+        var difference = timeTillSessionEnd - now;
+        var minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
+        var seconds = Math.floor((difference % (1000 * 60)) / 1000);
+        document.getElementById("timeLeft").innerHTML = + minutes + "m " + seconds + "s";
+        showTimer();
+        document.getElementById("logOutTimer").addEventListener("click", signoutUser);
+        document.getElementById("extendSessionTimer").addEventListener("click", extendSession);
+        if (difference < 0) {
+            clearInterval(intervalId);
+            intervalId = null;
+            closeTimer();
+            expireUserSession();
+        }
+    }
+
+    function expireUserSession() {
+        var signOutLink = '/sign-out?next=' + window.location.pathname;
+        window.location.href = signOutLink;
+
+    }
+
+    function signoutUser() {
+        window.location.href = '/sign-out';
+    }
+
+    function extendSession() {
+        window.location.reload();
+    }
+
+    function showTimer() {
+        sessionTimer.showModal();
+    }
+
+    function closeTimer() {
+        sessionTimer.close();
+    }
+
+    function setSessionTimer() {
+        var timeTillSessionEnd = new Date().getTime() + (5 * 60 * 1000);
+        intervalId = setInterval(checkTimer, 1000, timeTillSessionEnd);
+    }
+
+    if (document.getElementById("timeLeft") !== null) {
+        setTimeout(setSessionTimer, 25 * 60 * 1000);
+    }
+
+    global.GOVUK.Modules.TimeoutPopup.checkTimer = checkTimer;
+    global.GOVUK.Modules.TimeoutPopup.expireUserSession = expireUserSession;
+    global.GOVUK.Modules.TimeoutPopup.signoutUser = signoutUser;
+    global.GOVUK.Modules.TimeoutPopup.extendSession = extendSession;
+    global.GOVUK.Modules.TimeoutPopup.showTimer = showTimer;
+    global.GOVUK.Modules.TimeoutPopup.closeTimer = closeTimer;
+})(window);

app/assets/javascripts/totalMessagesChart.js

@@ -0,0 +1,150 @@
+(function (window) {
+    function createTotalMessagesChart() {
+        var chartContainer = document.getElementById('totalMessageChartContainer');
+        if (!chartContainer) return;
+
+        var chartTitle = document.getElementById('chartTitle').textContent;
+
+        // Access data attributes from the HTML
+        var sms_sent = parseInt(chartContainer.getAttribute('data-sms-sent'));
+        var sms_remaining_messages = parseInt(chartContainer.getAttribute('data-sms-allowance-remaining'));
+        var totalMessages = sms_sent + sms_remaining_messages;
+
+        // Update the message below the chart
+        document.getElementById('message').innerText = `${sms_sent.toLocaleString()} sent / ${sms_remaining_messages.toLocaleString()} remaining`;
+
+        // Calculate minimum width for "Messages Sent" as 1% of the total chart width
+        var minSentPercentage = 0.02; // Minimum width as a percentage of total messages (1% in this case)
+        var minSentValue = totalMessages * minSentPercentage;
+        var displaySent = Math.max(sms_sent, minSentValue);
+        var displayRemaining = totalMessages - displaySent;
+
+        var svg = d3.select("#totalMessageChart");
+        var width = chartContainer.clientWidth;
+        var height = 48;
+
+        // Ensure the width is set correctly
+        if (width === 0) {
+            console.error('Chart container width is 0, cannot set SVG width.');
+            return;
+        }
+
+        svg.attr("width", width).attr("height", height);
+
+        var x = d3.scaleLinear()
+            .domain([0, totalMessages])
+            .range([0, width]);
+
+        // Create tooltip dynamically
+        var tooltip = d3.select("body").append("div")
+            .attr("id", "tooltip");
+
+        // Create the initial bars
+        var sentBar = svg.append("rect")
+            .attr("x", 0)
+            .attr("y", 0)
+            .attr("height", height)
+            .attr("fill", '#0076d6')
+            .attr("width", 0) // Start with width 0 for animation
+            .on('mouseover', function(event) {
+                tooltip.style('display', 'block')
+                    .html(`Messages Sent: ${sms_sent.toLocaleString()}`);
+            })
+            .on('mousemove', function(event) {
+                tooltip.style('left', `${event.pageX + 10}px`)
+                    .style('top', `${event.pageY - 20}px`);
+            })
+            .on('mouseout', function() {
+                tooltip.style('display', 'none');
+            });
+
+        var remainingBar = svg.append("rect")
+            .attr("x", 0) // Initially set to 0, will be updated during animation
+            .attr("y", 0)
+            .attr("height", height)
+            .attr("fill", '#C7CACE')
+            .attr("width", 0) // Start with width 0 for animation
+            .on('mouseover', function(event) {
+                tooltip.style('display', 'block')
+                    .html(`Remaining: ${sms_remaining_messages.toLocaleString()}`);
+            })
+            .on('mousemove', function(event) {
+                tooltip.style('left', `${event.pageX + 10}px`)
+                    .style('top', `${event.pageY - 20}px`);
+            })
+            .on('mouseout', function() {
+                tooltip.style('display', 'none');
+            });
+
+        // Animate the bars together as a single cohesive line
+        svg.transition()
+            .duration(1000)  // Total animation duration
+            .attr("width", width)
+            .tween("resize", function() {
+                var interpolator = d3.interpolate(0, width);
+                return function(t) {
+                    var newWidth = interpolator(t);
+                    var sentWidth = x(displaySent) / width * newWidth;
+                    var remainingWidth = x(displayRemaining) / width * newWidth;
+                    sentBar.attr("width", sentWidth);
+                    remainingBar.attr("x", sentWidth).attr("width", remainingWidth);
+                };
+            });
+
+        // Create and populate the accessible table
+        var tableContainer = document.getElementById('totalMessageTable');
+        var table = document.createElement('table');
+        table.className = 'usa-sr-only usa-table';
+
+        var caption = document.createElement('caption');
+        caption.textContent = chartTitle;
+        table.appendChild(caption);
+
+        var thead = document.createElement('thead'); // Ensure thead is created
+        var theadRow = document.createElement('tr');
+        var thMessagesSent = document.createElement('th');
+        thMessagesSent.textContent = 'Messages Sent'; // First column header
+        var thRemaining = document.createElement('th');
+        thRemaining.textContent = 'Remaining'; // Second column header
+        theadRow.appendChild(thMessagesSent);
+        theadRow.appendChild(thRemaining);
+        thead.appendChild(theadRow); // Append theadRow to the thead
+        table.appendChild(thead);
+
+        var tbody = document.createElement('tbody');
+        var tbodyRow = document.createElement('tr');
+
+        var tdMessagesSent = document.createElement('td');
+        tdMessagesSent.textContent = sms_sent.toLocaleString(); // Value for Messages Sent
+        var tdRemaining = document.createElement('td');
+        tdRemaining.textContent = sms_remaining_messages.toLocaleString(); // Value for Remaining
+
+        tbodyRow.appendChild(tdMessagesSent);
+        tbodyRow.appendChild(tdRemaining);
+        tbody.appendChild(tbodyRow);
+
+        table.appendChild(tbody);
+        tableContainer.appendChild(table);
+
+        table.appendChild(tbody);
+        tableContainer.appendChild(table);
+
+        // Ensure the chart resizes correctly on window resize
+        window.addEventListener('resize', function () {
+            width = chartContainer.clientWidth;
+            x.range([0, width]);
+            svg.attr("width", width);
+            sentBar.attr("width", x(displaySent));
+            remainingBar.attr("x", x(displaySent)).attr("width", x(displayRemaining));
+        });
+    }
+
+    // Initialize total messages chart if the container exists
+    document.addEventListener('DOMContentLoaded', function() {
+        createTotalMessagesChart();
+    });
+
+    // Export function for testing
+    window.createTotalMessagesChart = createTotalMessagesChart;
+
+})(window);

app/assets/sass/uswds/_data-visualization.scss

@@ -0,0 +1,156 @@
+@use "uswds-core" as *;
+
+$delivered: color('blue-50v');
+$pending: color('green-cool-40v');
+$failed: color('gray-cool-20');
+
+.chart-container {
+  display: flex;
+  &.usage {
+    height: units(4);
+  }
+}
+
+#totalMessageChartContainer {
+  max-width: 600px;
+}
+
+.bar {
+  border-radius: units(0.5);
+  &.delivered, &.usage {
+    background-color: $delivered;
+    margin-right: 1px;
+  }
+  &.pending{
+    background-color: $pending;
+    margin-right: 1px;
+  }
+  &.failed, &.remaining {
+    background-color: $failed;
+  }
+}
+
+.legend {
+  display: flex;
+  margin: units(1) 0;
+  .legend-item {
+    display: flex;
+    align-items: flex-start;
+    margin-right: units(2);
+  }
+  .legend-color {
+    width: units(3);
+    height: units(3);
+    margin-right: 0;
+    padding: 0;
+    border-radius: 2px;
+    background-color: $delivered;
+    &.pending {
+      background-color: $pending;
+    }
+    &.failed, &.remaining {
+      background-color: $failed;
+    }
+  }
+  .legend-value {
+    margin: 0 units(1);
+  }
+}
+
+.usa-tooltip {
+  line-height: 1;
+  .usa-tooltip__body {
+    width: units(mobile);
+      font-size: size("body", 2);
+    height: auto;
+    white-space: wrap;
+    line-height: units(1);
+  }
+}
+
+.progress-bar {
+  width: 300px;
+  height: 20px;
+  background-color: #eee;
+  border-radius: 5px;
+  margin-bottom: 10px;
+}
+
+.progress-bar-inner {
+  height: 100%;
+  background-color: #007bff;
+  border-radius: inherit;
+}
+
+.chart {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.chart-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: units(1) units(1) 0;
+}
+
+.chart-subtitle {
+  font-size: size("body", 6);
+  font-weight: bold;
+  text-align: left;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+.axis text {
+  font-size: size("body", 1);
+}
+
+.axis line,
+.axis path {
+  shape-rendering: crispEdges;
+  stroke: #000;
+  fill: none;
+}
+
+.bar {
+  fill-opacity: 0.8;
+}
+
+.chart-container {
+  width: 100%;
+  position: relative;
+}
+
+.chart-legend {
+    display: flex;
+    align-items: center;
+}
+
+.legend-item {
+    display: flex;
+    align-items: center;
+    margin-right: units(2);
+    .legend-rect {
+      width: units(2);
+      height: units(2);
+      margin-right: units(1);
+  }
+}
+
+#tooltip {
+  position: absolute;
+  display: none;
+  background: color('ink');
+  color: #FFF;
+  border: 1px solid #ccc;
+  padding: units(1);
+  border-radius: units(1);
+  pointer-events: none;
+  z-index: 100;
+  font-size: size("body", 3);
+  line-height: 1.3;
+}

app/assets/sass/uswds/_legacy-styles.scss

@@ -0,0 +1,346 @@
+@use "uswds-core" as *;
+
+// SMS Box Style
+
+.sms-message-wrapper {
+
+  position: relative;
+  width: 100%;
+  max-width: 464px;
+  box-sizing: border-box;
+  padding: units(1);
+  background: color('gray-cool-10');
+  border: 1px solid color('gray-cool-10');
+  border-radius: 5px;
+  white-space: normal;
+  margin: 0 0 units(1) 0;
+  clear: both;
+  word-wrap: break-word;
+
+  &:after {
+    content: "";
+    display: block;
+    position: absolute;
+    bottom: -5px;
+    right: -20px;
+    border: 10px solid transparent;
+    border-left-width: 13px;
+    border-right-width: 13px;
+    border-bottom-color: color('gray-cool-10');
+    border-left-color: color('gray-cool-10');
+    transform: rotate(17deg);
+  }
+
+}
+
+.sms-message-inbound {
+
+  .sms-message-wrapper {
+
+    &:after {
+      border-left-color: transparent;
+      border-bottom-color: color('gray-cool-10');
+      border-right-color: color('gray-cool-10');
+      right: auto;
+      left: -20px;
+      transform: rotate(17deg);
+    }
+  }
+}
+
+.sms-message-sender, .sms-message-file-name, .sms-message-scheduler, .sms-message-template, .sms-message-sender {
+  margin:0.25rem 0 0;
+}
+
+.sms-message-recipient {
+  color: color('gray-cool-90');
+  margin: units(1) 0 units(1);
+}
+
+.sms-message-status {
+  color: color('gray-cool-90');
+  margin: -20px units(1) 20px units(1);
+}
+
+h2.sms-message-header {
+  margin-bottom: 0.5rem;
+}
+
+.usa-prose >*+ h2.message-header {
+  margin-top: 1em;
+}
+
+h2.recipient-list {
+  margin-bottom: 0.5rem;
+}
+
+.sms-message-status-outbound {
+  text-align: right;
+}
+
+.sms-message-row {
+  &:focus {
+    outline: none;
+    padding-top: 120px;
+    margin-top: -120px;
+  }
+}
+
+.sms-message-reply-link {
+  text-align: right;
+}
+
+// File upload area
+
+.page-footer {
+  position: relative;
+  margin-bottom: 30px;
+  &-link {
+    line-height: 40px;
+    padding: 1px 0 0 15px;
+    font-weight: normal;
+    &:first-of-type {
+      padding-left: 0px;
+    }
+  }
+
+  &-delete-link-without-button {
+    padding: 0;
+    display: inline-block;
+  }
+
+  &-secondary-link {
+    display: block;
+    margin-top: units(1);
+  }
+
+  &-right-aligned-link {
+    position: absolute;
+    right: 0;
+    top: 9px;  // align baseline with buttons
+    &-without-button {
+      position: absolute;
+      right: 0;
+      top: 0;
+    }
+  }
+
+  &__button {
+    margin-right: 10px;
+  }
+
+  .js-cancel {
+    margin: 0;
+  }
+
+  &__button--centred {
+    display: block;
+    margin: 0 auto;
+  }
+}
+
+.file-upload {
+  &-label,
+  &-button-label {
+    font-weight: bold;
+    font-size: 19px;
+    display: block;
+    margin: 0 0 10px 0;
+  }
+
+  &-label .error-message,
+  &-button-label.error-message {
+    padding: 0;
+  }
+
+  &-field {
+    margin-bottom: 10px;
+  }
+
+  // Hide normal upload form if we're adding a custom version with JS
+  .js-enabled &-label,
+  .js-enabled &-field,
+  .js-enabled &-submit {
+    display: none;
+  }
+
+  &-alternate-link {
+    display: inline-block;
+    line-height: 35px;
+    a {
+      font-weight: bold;
+    }
+   }
+}
+
+.spreadsheet {
+
+  margin-bottom: units (1);
+
+  .table {
+    margin-bottom: 0;
+  }
+
+  .usa-table--borderless thead th {
+    border-top: 1px solid color('gray-cool-10');
+  }
+
+  th,
+  .table-field-index {
+    background: color('gray-cool-10');
+    border: 1px solid color('gray-cool-10');
+    font-weight: bold;
+    text-align: center;
+  }
+
+  th, td {
+    padding-left: 10px;
+    padding-right: 10px;
+    border: 1px solid color('gray-cool-10');
+  }
+
+  td {
+    border-top: 0;
+    // 194 is the width of the table * 1/3.5, so the overflow cuts off
+    // at 3.5 columns wide.
+    // 11 accounts for the padding of the table cell
+    min-width: 194px - 11px;
+    &:first-child {
+      min-width: auto;
+    }
+  }
+
+  .fullscreen-fixed-table {
+    z-index: 1000;
+    .table-field-heading-first {
+      background: color('gray-cool-10');
+    }
+  }
+}
+
+.fullscreen {
+  &-content {
+    background: #FFFFFF;
+    z-index: 10;
+    overflow-y: hidden;
+    box-sizing: border-box;
+    margin: 0 0 units(1) 0;
+    padding: 0 0 0 0;
+    overflow: hidden;
+    border-bottom: 1px solid color('gray-cool-10');
+    .table {
+      margin-bottom: 0;
+      tr:last-child {
+        td {
+          border-bottom: 1px solid #FFFFFF;
+        }
+      }
+
+    }
+
+    th,
+    .table-field-error-label,
+    .table-field-left-aligned {
+      white-space: nowrap;
+    }
+  }
+
+  &-right-shadow {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 4px;
+    height: 100%;
+    z-index: 200;
+    &.visible {
+      &.with-transition {
+        transition: box-shadow 0.6s ease-out;
+      }
+      box-shadow: inset -1px 0 0 0 color('gray-cool-10'), inset -3px 0 0 0 rgba(color('gray-cool-10'), 0.2);
+    }
+  }
+
+  &-scrollable-table {
+
+    overflow-x: auto;
+    overflow-y: hidden;
+
+    .table-field-heading-first,
+    .table-field-index {
+      display: none;
+    }
+
+    .table-field-left-aligned {
+      position: relative;
+      z-index: 150;
+      background: #FFFFFF;
+    }
+
+    &::-webkit-scrollbar {
+      -webkit-appearance: none;
+    }
+
+    &::-webkit-scrollbar:horizontal {
+      height: 11px;
+      background-color: #FFFFFF;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: 8px;
+      border: 2px solid #FFFFFF;
+      background-color: rgba(0, 0, 0, .5);
+    }
+
+    &::-webkit-scrollbar-track {
+      background-color: #FFFFFF;
+      border-radius: 8px;
+    }
+
+  }
+
+  &-fixed-table {
+
+    position: absolute;
+    top: 0;
+    overflow: hidden;
+
+    .table-field-heading {
+      visibility: hidden;
+    }
+
+    .table-field-left-aligned {
+      width: 0;
+      position: relative;
+      z-index: 100;
+      visibility: hidden;
+    }
+
+    .table-field-heading-first,
+    .table-field-index {
+      transition: none;
+      position: relative;
+      z-index: 200;
+      background: #FFFFFF;
+    }
+  }
+
+  &-scrolled-table {
+    padding-bottom: 20px;
+    .table-field-heading-first,
+    .table-field-index {
+      transition: box-shadow 0.3s ease-in-out;
+      box-shadow: 1px 0 0 0 color('gray-cool-10'), 3px 0 0 0 rgba(color('gray-cool-10'), 0.2);
+    }
+  }
+
+  &-shim {
+    width: 100%;
+    position: relative;
+    z-index: 9;
+    margin-bottom: 30px;
+    pointer-events: none;
+    & + .table-show-more-link {
+      margin-top: -20px;
+    }
+  }
+}

app/assets/sass/uswds/_uswds-theme-custom-styles.scss

@@ -22,35 +22,68 @@ i.e.
 
 @use "uswds-core" as *;
 
-.usa-logo {
-   font-family: family("sans");
-   img {
-      @include at-media($theme-header-min-width) {
-         width: 80px;
-         height: 70px;
+iframe:focus, [href]:focus, [tabindex]:focus, [contentEditable=true]:focus, button:not([disabled]):focus {
+    outline: units(2px) solid color('blue-40v');
+    outline-offset: 0.3rem;
+}
+
+.usa-header--extended {
+   .usa-logo {
+      font-family: family("sans");
+      margin: units(3) 0;
+      @include at-media-max('desktop') {
+         margin: units(4) 0 units(4) units(2);
       }
+      a {
+         display: flex;
+          img {
+            height: 35px;
+            @include at-media('desktop') {
+               height: 60px;
+            }
+         }
+      }
+   }
+   .usa-nav__secondary {
+      .usa-nav__link {
+         padding: 0;
+         &.usa-current {
+            text-decoration: underline;
+         }
+      }
+      @include at-media-max('desktop') {
+         padding: 0 units(2);
+         ul li {
+            padding-bottom: units(1);
+         }
+      }
+   }
+   .usa-nav-container {
+      max-width: 100%;
+      padding: 0;
    }
 }
 
-.usa-nav__primary > .usa-nav__primary-item > a {
-   font-size: size("body", 4);
+.usa-banner__header-action {
+   font-size: size("body", 2);
+}
+
+.usa-nav__primary {
+   &> .usa-nav__primary-item > a {
+      font-size: size("body", 5);
+      font-weight: 400;
+      cursor: pointer;
+   }
 }
 
 h1 {
    font-weight: bold !important;
 }
 
-.sub-content {
-   h1,
-   h2:not(.get-started-list__heading, .usa-process-list__heading) {
-      margin-top: units(4);
-      font-weight: bold;
-   }
-
-   h2:not(.get-started-list__heading, .usa-process-list__heading),
-   h3 {
-      margin-top: units(5);
-      margin-bottom: units(2);
+.usa-section--dark h1 {
+   color: color('blue-30v');
+   @include at-media-max('desktop') {
+      font-size: size("body", 12);
    }
 }
 
@@ -64,16 +97,6 @@ p,
    font-size: size("body", 16);
 }
 
-.big-number-with-status .big-number,
-.big-number-with-status .big-number-smaller {
-   @include u-bg("primary");
-}
-
-.big-number-with-status .big-number-status,
-.big-number-with-status .big-number-status-failing {
-   @include u-bg("green-cool-40v");
-}
-
 .show-more-no-border:focus,
 .show-more:focus,
 .table-field-right-aligned a:active:before,
@@ -81,14 +104,6 @@ p,
    box-shadow: none !important;
 }
 
-.govuk-checkboxes__label::after {
-   top: 13px;
-   left: 9px;
-   width: 22px;
-   height: 11px;
-}
-
-.govuk-checkboxes__input:focus + .govuk-checkboxes__label::before,
 .multiple-choice [type="radio"]:focus + label::before {
    box-shadow: 0 0 0 3px color("blue-40v");
 }
@@ -120,10 +135,6 @@ td.table-empty-message {
    font-family: family("sans");
 }
 
-.govuk-inset-text {
-   border-color: color("blue-40v");
-}
-
 .usa-dark-background .pill-item__label {
    color: white;
    text-decoration: none !important;
@@ -133,9 +144,28 @@ td.table-empty-message {
    text-decoration: none !important;
 }
 
-.sub-content .banner-dangerous h1,
-.sub-content h2.user-list-item-heading {
-   margin-top: 0;
+.button-flex-header {
+   flex-direction: column;
+   align-items: flex-start;
+   margin-bottom: units(2);
+   @include at-media(desktop) {
+      flex-direction: row;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+   }
+}
+
+.usa-button img {
+   margin-left: .5rem;
+   height: 1rem;
+}
+
+.usa-button.login-button.login-button--primary,.login-button.login-button--primary:hover{
+   color:#112e51;background-color:#fff;
+   border:1px solid #767676;
+   display: inline-flex;
+   justify-content: center;
 }
 
 .user-list-edit-link:active:before,
@@ -144,6 +174,39 @@ td.table-empty-message {
    border: 0;
 }
 
+.user-list {
+   display: flex;
+   flex-wrap: wrap;
+   justify-content: space-between;
+   padding: 1rem;
+ }
+
+ .user-list-item {
+   @include at-media(desktop) {
+     width: calc(50% - units(1));
+     margin-bottom: 1rem;
+     box-sizing: border-box;
+   }
+   .user-list-item-heading .live-search-relevant {
+      display: block;
+      word-wrap: break-word;
+    }
+
+   border: 1px solid color('gray-cool-10');
+   padding: units(2);
+
+   .tick-cross-list-permissions {
+     margin: units(1) 0;
+     padding-left: units(2);
+   }
+
+   .hint {
+     display: block;
+     font-size: size("body", "sm");
+     font-weight: normal;
+   }
+ }
+
 .template-list-item-without-ancestors .template-list-folder:active,
 .template-list-item-without-ancestors .template-list-folder:active::before,
 .template-list-item-without-ancestors .template-list-folder:focus,
@@ -156,32 +219,45 @@ td.table-empty-message {
    box-shadow: none;
 }
 
-.template-list-item-without-ancestors a.template-list-folder:first-of-type {
-   background-image: url(../images/folder-blue-bold.svg);
-   background-size: 30px 30px;
+.template-list-item-hidden-by-default {
+   display: none
 }
 
 .folder-heading a.folder-heading-folder,
 .template-list-folder {
-   background-image: url(../images/folder-blue-bold.svg);
-   &:hover {
-      color: color("blue-warm-70v");
-      background-image: url(../images/folder-blue-bold.svg);
-   }
-}
-
-.folder-heading-folder {
-   background-image: url(../images/folder-black.svg);
-}
-
-.folder-heading a.folder-heading-folder-truncated {
+   background: url(../img/material-icons/folder.svg) no-repeat;
+   padding-left: units(4);
+   display: inline-block;
    background-position: 0;
 }
 
-.usa-template-list-template {
+.usa-checkbox .usa-checkbox__label {
+   + a.template-list-folder {
+      margin-left: units(4);
+   }
+}
+
+.usa-checkbox__label-description {
+   margin: units(2px) 0 units(1) units(4);
+}
+
+.folder-heading-folder {
+   background: url(../img/material-icons/folder_open.svg) no-repeat;
+   padding-left: units(4);
+   display: inline-block;
+   background-size: units(3) units(3);
+   background-position: 0;
+}
+
+.message-name-separator:before, .folder-heading-separator:before {
+   content: ">";
+   margin: 0 units(0.5);
+}
+
+.template-list-template {
    background: url(../img/material-icons/description.svg) no-repeat;
-   padding-left: 40px;
-   background-size: 30px 30px;
+   padding-left: units(4);
+   display: inline-flex;
 }
 
 .js-enabled .live-search {
@@ -200,11 +276,15 @@ td.table-empty-message {
    display: block;
 }
 
+.usa-table {
+   th {
+      border-bottom: 0 !important;
+   }
+}
+
 .js-stick-at-bottom-when-scrolling {
-   margin: 0 0 units(5);
-   padding: units(2) 0;
    display: flex;
-   align-items: center;
+   align-items: flex-end;
    justify-content: space-between;
    overflow: visible;
    button {
@@ -218,8 +298,362 @@ td.table-empty-message {
 
 .sticky-template-form {
    margin: 0;
-   padding: 0;
+   border: 1px solid color("gray-cool-10");
+   padding: units(2);
    &:focus {
       outline-offset: units(1);
    }
 }
+
+.spark-bar-bar {
+   font-size: units(2);
+   background-color: transparent;
+}
+
+.usa-hero {
+   background-image: none;
+}
+
+.usa-prose {
+   h1, h2, h3, h4, h5 {
+      font-family: family("sans");
+   }
+}
+
+.usa-section {
+   &__home {
+      h2 {
+         font-family: family("serif");
+      }
+   }
+}
+
+.navigation-service.usa-breadcrumb {
+   bottom: 0;
+}
+
+@media (max-width: units('desktop-lg')) {
+   .table-overflow-x-auto {
+      overflow-x: auto;
+      table {
+         min-width: 768px;
+      }
+   }
+}
+
+
+// Dashboard
+
+.dashboard {
+   .big-number-with-status {
+      .big-number-smaller {
+         display: flex;
+         flex-direction: column;
+         .big-number-number {
+               font-size: units(5);
+               line-height: units(5);
+         }
+         .big-number-label {
+               font-size: units(2.5);
+         }
+      }
+      .big-number-status {
+         background: color("green-cool-40v");
+         display: flex;
+         padding: units(1) units(2);
+         &--failing {
+            padding: 0;
+            a.usa-link {
+               color: white;
+               background: color("red-warm-50v");
+               padding: units(1) units(2);
+               margin: 0;
+               width: 100%;
+               &:hover {
+                  background: color("red-warm-60v");
+               }
+            }
+         }
+      }
+   }
+   .usa-table {
+      width: 100%;
+      caption {
+         margin-bottom: 0;
+      }
+      .table-field-center-aligned  {
+         text-align: center;
+      }
+      .template-statistics-table-template-name {
+         padding-left: units(4);
+         display: inline-block;
+         background-repeat: no-repeat;
+         background-image: url(../img/material-icons/description.svg);
+      }
+   }
+}
+
+.dashboard-table {
+   table {
+      width: 100%;
+   }
+   .file-list-filename {
+      font-weight: bold;
+   }
+   .file-list-hint {
+      margin: 0;
+      word-break: break-word;
+   }
+   .table-field, .table-field-right-aligned {
+      width: 50%;
+   }
+   &.usage-table {
+      .table-field, .table-field-left-aligned, .table-field-right-aligned {
+         width: auto;
+      }
+   }
+}
+
+.job-status-table {
+   table-layout: fixed;
+
+   thead tr th {
+      border-bottom: 0;
+   }
+
+   thead,
+   tbody,
+   tr {
+     width: 100%;
+   }
+
+   th:first-child,
+   td:first-child {
+     width: 75%;
+   }
+
+   th:nth-child(2),R
+   td:nth-child(2) {
+     width: 25%;
+   }
+}
+
+.usage-table {
+   ul {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+   }
+   .big-number-smallest {
+      display: flex;
+      flex-direction: column;
+   }
+}
+
+.job-table {
+   width: 100%;
+   border-collapse: collapse;
+   td.file-name {
+      width: 25%;
+      overflow-wrap: anywhere;
+   }
+   td.jobid {
+      width: 5%;
+   }
+   td.template {
+      width: 25%;
+   }
+   td.time-sent {
+      width: 30%;
+   }
+   td.sender {
+      width: 20%;
+      overflow-wrap: break-word;
+   }
+   td.count-of-recipients {
+      width: 5%;
+   }
+   td.report {
+      width: 5%;
+      text-align: center;
+   }
+   td.report img {
+      padding-top: 5px;
+    }
+   th {
+      padding: 0.5rem 1rem
+   }
+}
+
+@media (max-width: 768px) {
+   .usa-table-container--scrollable-mobile {
+      margin: 0;
+      overflow-y:hidden;
+   }
+}
+
+.usa-table th[data-sortable][aria-sort=ascending], .usa-table th[data-sortable][aria-sort=descending] {
+   background-color: #a1d3ff;
+}
+
+#template-list {
+   max-height: 500px;
+   overflow-y: auto;
+   padding: units(1) 0 units(1) units(1);
+   margin: units(2) 0 units(5);
+   ul {
+      padding: 0;
+      margin: 0;
+      list-style: none;
+   }
+}
+
+.usa-prose > p.max-width-full {
+   max-width: 100%;
+}
+
+// Tabs
+
+.tabs {
+   .pill {
+      display: flex;
+      list-style: none;
+      padding: 0;
+      .pill-item__container {
+         border: 1px solid color("gray-cool-10");
+         flex: 1;
+         display: flex;
+         flex-direction: column;
+         text-align: center;
+         font-size: units(2);
+         a {
+            padding: units(4);
+            .big-number-smaller {
+               font-size: units(5);
+               line-height: units(6);
+            }
+            .big-number-smallest {
+               font-size: units(3);
+            }
+            &:not(.pill-item--selected):hover {
+               background: color("blue-warm-70v");
+            }
+            &.pill-item--selected:hover {
+               color: color("blue-60v");
+            }
+         }
+      }
+   }
+}
+
+// Etc
+
+.email-brand, .browse-list {
+   padding: 0;
+   margin: 0;
+   list-style: none;
+   margin-bottom: units(2);
+   li {
+      padding: 8px 0;
+   }
+}
+
+details form {
+   box-sizing:border-box;
+}
+
+// Textbox highlight
+
+.textbox-highlight {
+
+  &-wrapper {
+      position: relative;
+  }
+
+  &-textbox {
+      resize: none;
+      z-index: 20;
+      background: none;
+  }
+
+  &-textbox,
+  &-background,
+  &-foreground,
+  &-mask {
+      font-size: units(2);
+      display: block;
+      box-sizing: border-box;
+      position: relative;
+      padding: 4px;
+      overflow: hidden;
+      line-height: 1.6;
+  }
+
+   &-background {
+      position: absolute;
+      top: 0;
+      left: 0;
+      pointer-events: none;
+      color: transparent;
+      white-space: pre-wrap;
+      overflow-wrap: break-word;
+      word-wrap: break-word;
+      border: 2px solid transparent;
+      padding-bottom: units(3);
+      z-index: 10;
+
+    // transparent borders become visible in high contrast modes so set to match background
+    @media (-ms-high-contrast: active), (forced-colors: active) {
+      border-color: Canvas;
+    }
+
+    .placeholder,
+    .placeholder-conditional {
+         background-color: #fff;
+         position: relative;
+         &:after {
+            content: "";
+            background-color: color("yellow-20v");
+            border: 1px solid color("yellow-20v");
+            display: block;
+            position: absolute;
+            top: 0;
+            left: 5px;
+            right: 6px;
+            height: 100%;
+            border-radius: 7px;
+         }
+    }
+
+  }
+}
+
+.textbox-help-link {
+  margin: 10px 0 0 0;
+}
+
+.textbox-right-aligned {
+  text-align: right;
+}
+
+.extra-tracking .usa-input {
+  font-size: units(2);
+  padding-left: 5px;
+  letter-spacing: 0.04em;
+}
+
+.edit-textbox-error-mt {
+   margin-top: 1.5rem;
+}
+
+// Login page
+
+#countdown-container {
+   display: none; // Hide the countdown timer
+}
+
+.placeholder, .placeholder-conditional {
+   background-color: #face00;
+   border: 1px solid #face00;
+   border-radius: 7px;
+}

app/assets/sass/uswds/_uswds-theme.scss

@@ -9,5 +9,9 @@ in the form $setting: value,
 
 @use "uswds-core" with (
    $theme-font-type-sans: "public-sans",
-   $theme-show-notifications: false
+   $theme-show-notifications: false,
+   $theme-banner-max-width: "desktop-lg",
+   $theme-grid-container-max-width: "desktop-lg",
+   $theme-footer-max-width: "desktop-lg",
+   $theme-header-max-width: "desktop-lg"
 );

app/assets/sass/uswds/styles.scss

@@ -1,3 +1,5 @@
 @forward "uswds-theme";
 @forward "uswds";
 @forward "uswds-theme-custom-styles";
+@forward "legacy-styles";
+@forward "data-visualization";

app/assets/stylesheets/_grids.scss

@@ -1,115 +0,0 @@
-
-.govuk-grid-column-one-sixth {
-  @include govuk-grid-column(one-sixth, $class: false);
-}
-
-.govuk-grid-column-five-sixths {
-  @include govuk-grid-column(five-sixths, $class: false);
-}
-
-.govuk-grid-column-one-eighth {
-  @include govuk-grid-column(one-eighth, $class: false);
-}
-
-.govuk-grid-column-five-eighths {
-  @include govuk-grid-column(five-eighths, $class: false);
-}
-
-.govuk-grid-column-seven-eighths {
-  @include govuk-grid-column(seven-eighths, $class: false);
-}
-
-%top-gutter,
-.top-gutter {
-  @extend %contain-floats;
-  display: block;
-  margin-top: govuk-spacing(6);
-  clear: both;
-}
-
-.top-gutter-4-3 {
-  @extend %top-gutter;
-  margin-top: govuk-spacing(7);
-}
-
-.top-gutter-1-2 {
-  @extend %top-gutter;
-  margin-top: govuk-spacing(3);
-}
-
-.top-gutter-1-3 {
-  @extend %top-gutter;
-  margin-top: govuk-spacing(2);
-}
-
-.top-gutter-2-3 {
-  @extend %top-gutter;
-  margin-top: govuk-spacing(4);
-}
-
-.top-gutter-0 {
-  margin-top: 0;
-}
-
-%bottom-gutter,
-.bottom-gutter {
-  @extend %contain-floats;
-  margin-bottom: govuk-spacing(6);
-  clear: both;
-}
-
-.bottom-gutter-2-3 {
-  @extend %bottom-gutter;
-  margin-bottom: govuk-spacing(4);
-}
-
-.bottom-gutter-1-2 {
-  @extend %bottom-gutter;
-  margin-bottom: govuk-spacing(3);
-}
-
-.bottom-gutter-1-3 {
-  @extend %bottom-gutter;
-  margin-bottom: govuk-spacing(2);
-}
-
-.bottom-gutter-3-2 {
-  @extend %bottom-gutter;
-  margin-bottom: govuk-spacing(6) * 3/2;
-}
-
-.bottom-gutter-2 {
-  @extend %bottom-gutter;
-  margin-bottom: govuk-spacing(9);
-}
-
-.left-gutter {
-  padding-left: govuk-spacing(6);
-}
-
-.left-gutter-4-3 {
-  padding-left: govuk-spacing(7);
-}
-
-.align-with-heading {
-  display: block;
-  text-align: center;
-  margin-top: 13px;
-  padding-left: 2px;
-  padding-right: 2px;
-}
-
-.align-with-heading-copy {
-  display: block;
-  margin-top: 25px;
-}
-
-.align-with-heading-copy-right {
-  display: block;
-  margin: 21px 0 19px 0;
-  text-align: right;
-}
-
-.align-with-big-number-hint {
-  margin-top: govuk-spacing(8);
-}

app/assets/stylesheets/_url-helpers.scss

@@ -1,12 +0,0 @@
-// Copy of _url-helpers.scss in govuk_frontend_toolkit
-// to prepend the path to where we store images
-
-@function file-url($file) {
-  $url: '';
-  @if $path {
-    $url: url($path + $file);
-  } @else {
-    $url: url($file);
-  }
-  @return $url;
-}

app/assets/stylesheets/app.scss

@@ -1,255 +0,0 @@
-// Extra CSS overlaying elements
-.form-control-1-1 {
-  width: 100%;
-}
-
-.form-control-5em {
-
-  width: 100%;
-
-  @include media(tablet) {
-    width: 5em;
-  }
-
-}
-
-.column-main {
-
-  .heading-large,
-  > .heading-medium {
-    margin: govuk-spacing(3) 0 govuk-spacing(4) 0;
-    word-wrap: break-word;
-
-    &.top-gutter-0 {
-      margin-top: 0;
-    }
-  }
-
-}
-
-.highlight {
-  font-family: monospace;
-  overflow-x: scroll;
-  padding: 10px 0 10px 10px;
-}
-
-.inline {
-
-  .block-label {
-
-    @include media(tablet) {
-      float: none;
-      display: inline-block;
-    }
-
-  }
-
-}
-
-td {
-  vertical-align: top;
-}
-
-.heading-xlarge {
-  margin-bottom: 20px;
-}
-
-.heading-medium {
-  margin-top: govuk-spacing(6);
-}
-
-.form-label {
-  margin-bottom: 5px;
-
-  &.heading-small {
-    @include bold-19();
-  }
-}
-
-.hint {
-  color: $secondary-text-colour;
-
-  .form-label + & {
-    display: block;
-    margin-top: -5px;
-    margin-bottom: 5px;
-  }
-}
-
-.list-bullet {
-
-  .list-bullet {
-    list-style: circle;
-  }
-
-}
-
-details summary {
-  text-decoration: underline;
-  margin-bottom: govuk-spacing(3);
-}
-
-.spreadsheet {
-
-  margin-bottom: -1 * govuk-spacing(6);
-
-  .table {
-    margin-bottom: 0;
-  }
-
-  th,
-  .table-field-index {
-    background: $grey-4;
-    font-weight: bold;
-    text-align: center;
-  }
-
-  th, td {
-    padding-left: 10px;
-    padding-right: 10px;
-    border: 1px solid $border-colour;
-  }
-
-  td {
-
-    border-top: 0;
-    // 194 is the width of the table * 1/3.5, so the overflow cuts off
-    // at 3.5 columns wide.
-    // 11 accounts for the padding of the table cell
-    min-width: 194px - 11px;
-
-    &:first-child {
-      min-width: auto;
-    }
-
-  }
-
-  .fullscreen-fixed-table {
-
-    z-index: 1000;
-
-    .table-field-heading-first {
-      background: $grey-4;
-    }
-
-  }
-
-}
-
-.body-copy-table {
-
-  table {
-
-    th,
-    td {
-      @include core-19;
-      word-wrap: break-word;
-    }
-
-    thead {
-      th {
-        @include bold-19;
-      }
-    }
-
-  }
-
-}
-
-.tabular-numbers {
-  @include core-19($tabular-numbers: true);
-}
-
-summary::-moz-details-marker {
-  display: none;
-}
-summary::-ms-details-marker {
-  display: none;
-}
-summary::-o-details-marker {
-  display: none;
-}
-
-summary::details-marker {
-  display: none;
-}
-
-summary::-webkit-details-marker {
-  display: none;
-}
-
-details .arrow {
-  font-size: 16px;
-}
-
-.block-label-hint {
-  @include core-16;
-  margin-top: 5px;
-}
-
-.multiple-choice input:disabled+label {
-  opacity: 1;
-  color: $secondary-text-colour;
-  cursor: default;
-}
-
-.heading-inline {
-  display: inline-block;
-}
-
-.bordered-text-box {
-  padding: 5px;
-  outline: 2px solid $black;
-  max-width: 100%;
-}
-
-.nowrap {
-  white-space: nowrap;
-}
-
-.heading-upcoming-jobs {
-  margin-top: govuk-spacing(3);
-}
-
-@keyframes live-pulse {
-  0%   {
-    background: $red;
-    box-shadow: inset 0 0 0 2px $red, inset 0 0 0 4px $white;
-  }
-  40%   {
-    background: $red;
-    box-shadow: inset 0 0 0 2px $red, inset 0 0 0 4px $white;
-  }
-  50% {
-    background: $white;
-    box-shadow: inset 0 0 0 2px $red, inset 0 0 0 2px $white;
-  }
-  100% {
-    background: $white;
-    box-shadow: inset 0 0 0 2px $red, inset 0 0 0 4px $white;
-  }
-}
-
-input:-webkit-autofill::first-line {
-  @include core-19;
-}
-
-.pilot-disabled {
-  a {
-    background-color: gray;
-    border-color: gray;
-
-    span {
-      color: lightgray;
-    }
-  }
-  .big-number-status {
-    background-color: gray;
-    border-color: gray;
-    color: lightgray;
-  }
-
-  & > * {
-    color: gray;
-  }
-}

app/assets/stylesheets/components/area-list.scss

@@ -1,189 +0,0 @@
-.area-list {
-
-  display: inline;
-
-  &-item {
-
-    display: inline-block;
-    border: 2px solid $black;
-    // Create space for the remove link on the right of the list item (including borders)
-    padding: (govuk-spacing(1) + 1px) (govuk-spacing(2) + 37px) govuk-spacing(1) govuk-spacing(2);
-    margin: 0 govuk-spacing(1) govuk-spacing(2) 0;
-    position: relative;
-
-    &-remove {
-
-      display: block; // fallback for browsers that don't support flexbox
-      display: flex;
-      // center SVG vertically and horizontally
-      align-items: center;
-      justify-content: center;
-      position: absolute;
-      top: -2px; // cover list-item border-top
-      right: -2px; // cover list-item border-right
-      bottom: -2px; // cover list-item border-bottom
-      width: 37px;
-      padding: 0;
-      border: 2px solid $govuk-blue;
-      border-left: none;
-      text-align: center;
-      font-size: inherit; // counter govuk-button styles
-      line-height: 36px; // match area-list-item for browsers that don't support flexbox
-
-      // set styles so they don't get overriden by govuk-button styles
-      &,
-      &:hover {
-        background: $govuk-blue;
-      }
-
-      &:hover {
-        color: $light-blue-25;
-      }
-
-      // set styles so they don't get overriden by govuk-button styles
-      &:active {
-        top: -2px;
-      }
-
-      // The box-shadow that separates the remove link from the list item is hidden in
-      // high contrast mode. Remake using a border instead
-      // Also sets text colour to match govuk-button
-      @media (-ms-high-contrast: active), (forced-colors: active) {
-
-        &:link,
-        &:active,
-        &:hover,
-        &:focus:not(:active):not(:hover) {
-          border-left: 2px solid $govuk-blue;
-          color: LinkText;
-        }
-
-      }
-
-      // set styles so they don't get overriden by govuk-button styles
-      &,
-      &:focus,
-      &:focus:not(:active):not(:hover) {
-        box-shadow: -2px 0 0 0 $black, inset 1px 0 0 0 rgba($white, 0.1);
-      }
-
-      // set styles so they don't get overriden by govuk-button styles
-      &:focus,
-      &:focus:not(:active):not(:hover) {
-        border-color: $black;
-      }
-
-      &:focus:hover {
-        background-color: $govuk-focus-colour;
-        color: $black;
-      }
-
-      // show outline to make focus visible when background colours are overridden
-      @media (-ms-high-contrast: active), (forced-colors: active) {
-
-        // set styles so they don't get overriden by govuk-button styles
-        &:focus:not(:active):not(:hover) {
-          outline: 3px solid transparent;
-        }
-
-        // override hover styles when focused, to preserve dimensions and outline
-        &:focus:hover {
-          top: -2px;
-          right: -2px;
-          bottom: -2px;
-          width: 37px;
-        }
-
-      }
-    }
-
-    &:last-child {
-      margin-right: govuk-spacing(1) * 1.5;
-    }
-
-    &--unremoveable {
-      padding-right: govuk-spacing(2);
-      background: $light-blue-25;
-      color: mix($black, $govuk-blue, 66%);
-      border-color: $light-blue-25;
-      margin: 0 govuk-spacing(1) govuk-spacing(2) 0;
-      font-weight: bold;
-    }
-
-    &--smaller {
-      @include bold-16;
-    }
-
-  }
-
-  .govuk-button--secondary {
-    margin-left: 3px;
-  }
-
-}
-
-#area-list-map {
-  z-index: 50;
-  margin-bottom: govuk-spacing(4);
-}
-
-.area-list-key {
-
-  display: inline-block;
-  position: relative;
-  margin-right: govuk-spacing(3);
-  margin-bottom: govuk-spacing(4);
-  height: govuk-spacing(7);
-  padding-left: govuk-spacing(8);
-  line-height: govuk-spacing(7);
-
-  &__icon {
-    position: absolute;
-    left: -5px;
-    top: -7px;
-  }
-
-  &--certain {
-    &:before {
-      border: 2px solid $black;
-      background: $light-blue-50;
-    }
-  }
-
-  &--likely {
-    &:before {
-      padding: 1px;
-      border: 2px dashed $govuk-blue;
-      border-image: file-url('dashed-border-govuk-blue.svg') 4 round;
-      background: $light-blue-25;
-    }
-  }
-
-  &--phone-estimate {
-    padding-left: govuk-spacing(1);
-    margin-right: 0;
-    float: right;
-    &:before {
-      display: none;
-    }
-  }
-
-}
-
-.area-list-map-details {
-
-  .govuk-details__summary {
-    display: block;
-    padding-top: govuk-spacing(1);
-    padding-bottom: govuk-spacing(1);
-    margin-top: 1px;
-  }
-
-  .govuk-details__text {
-    padding: 0;
-    border: none;
-    border-bottom: 1px solid $border-colour;
-    margin-top: -1px;
-  }
-
-}

app/assets/stylesheets/components/banner.scss

@@ -1,217 +0,0 @@
-%banner,
-.banner,
-.banner-default {
-
-  @include bold-19;
-  color: $button-colour;
-  display: block;
-  padding: govuk-spacing(3);
-  margin: govuk-spacing(3) 0 govuk-spacing(6) 0;
-  text-align: left;
-  position: relative;
-  clear: both;
-  border: 5px solid $button-colour;
-
-  &-title {
-    @include bold-24;
-  }
-
-  p {
-    margin: 10px 0 5px 0;
-  }
-
-  .list-bullet {
-    @include copy-19;
-  }
-
-  .page-footer {
-    margin-bottom: govuk-spacing(1);
-  }
-
-}
-
-%banner-with-tick,
-.banner-with-tick {
-  padding: govuk-spacing(3) (govuk-spacing(6) + govuk-spacing(3));
-  background-image: file-url('tick.png');
-  background-size: 19px;
-  background-repeat: no-repeat;
-  background-position: govuk-spacing(3) govuk-spacing(3);
-
-}
-
-.banner-default-with-tick {
-  @extend %banner;
-  @extend %banner-with-tick;
-}
-
-.banner-dangerous {
-
-  @extend %banner;
-  @include bold-19;
-  background: $white;
-  color: $text-colour;
-  border: 5px solid $error-colour;
-  margin: 15px 0;
-  text-align: left;
-
-  &:focus {
-    outline: 3px solid $govuk-focus-colour;
-  }
-
-  .list {
-    margin-bottom: 0;
-  }
-
-}
-
-.banner-tour {
-
-  @extend %banner;
-  background: $govuk-blue;
-  color: $white;
-  margin-top: 10px;
-  margin-bottom: 0;
-  padding: govuk-spacing(6);
-  height: 425px;
-  overflow: hidden;
-  box-shadow: inset 0 -1em 1.6em 0 rgba(0, 0, 0, 0.05);
-  border: 0;
-
-  &-no-fixed-height {
-    height: auto;
-    padding-top: govuk-spacing(8);
-    min-height: 425px;
-  }
-
-  &-with-service-name {
-    margin-top: -10px;
-    padding-top: 0;
-    box-shadow: 0 -1px 0 0 darken($govuk-blue, 10%);
-  }
-
-  .heading-medium {
-    @include core-24;
-  }
-
-  p {
-
-    margin-top: 0;
-    margin-bottom: govuk-spacing(6);
-    color: $white;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    & + p {
-      margin-top: -1 * govuk-spacing(3);
-    }
-
-  }
-
-  ul {
-    @include core-24;
-    color: $white;
-    margin-bottom: govuk-spacing(5);
-  }
-
-  li {
-    margin-bottom: govuk-spacing(3);
-    list-style-type: disc;
-    margin-left: govuk-spacing(6);
-  }
-
-  a {
-
-    font-weight: bold;
-    display: block;
-    padding: 0 ;
-    margin: 0 0 govuk-spacing(6) 0;
-
-    &:link,
-    &:visited {
-      color: $white;
-    }
-
-    &:hover {
-      color: $white;
-      background-color: $link-hover-colour;
-      box-shadow: 0 0 0 10px $link-hover-colour;
-    }
-
-    &:focus,
-    &:active {
-      color: $govuk-focus-text-colour;
-      background-color: $govuk-focus-colour;
-      box-shadow: 0 0 0 10px $govuk-focus-colour, 0 4px 0 10px $govuk-focus-text-colour;
-    }
-
-  }
-  img {
-    width: 100%;
-    height: auto;
-    position: relative;
-    top: -1 * govuk-spacing(2);
-  }
-
-  .greyed-out-step {
-    opacity: 0.6;
-  }
-
-}
-
-.banner-dashboard {
-
-  $baseline-shift: 5px;
-
-  display: block; // for browsers that don't support flexbox
-  display: flex;
-  align-items: baseline;
-  flex-wrap: wrap;
-  padding: (govuk-spacing(3) - 1px) 0 (govuk-spacing(3) + 1px) 0;
-  border-top: 1px solid $border-colour;
-  border-bottom: 1px solid $border-colour;
-  margin-bottom: govuk-spacing(6);
-  text-decoration: none;
-
-  &:focus {
-    border-top: 1px solid transparent;
-    border-bottom: 1px solid transparent;
-  }
-
-  &-count,
-  &-meta {
-    float: left; // for browsers that don't support flexbox
-  }
-
-  &-count {
-    @include govuk-font(36, $weight: bold, $tabular: true);
-    padding-right: 8px;
-    position: relative;
-    // remove the top of the extra line-height this introduces
-    top: $baseline-shift;
-    margin-top: -$baseline-shift;
-    flex: 0 1 0.85ch;
-  }
-
-  &-count-label {
-    @include govuk-font(24, $weight: bold);
-    text-decoration: underline;
-    padding-right: govuk-spacing(6);
-    margin: 10px 0px 5px; // 10px includes 5px extra to counter the -5px margin-top on the count item
-    flex: 2 1 auto;
-  }
-
-  &-meta {
-    @include govuk-font(19);
-    float: right;
-    text-align: right;
-    flex: initial;
-  }
-
-  & + .banner-dashboard {
-    margin-top: -1 * govuk-spacing(6);
-    border-top: none;
-  }
-}

app/assets/stylesheets/components/big-number.scss

@@ -1,195 +0,0 @@
-%big-number,
-.big-number {
-
-  display: block;
-
-  &-number,
-  &-label {
-    display: block;
-  }
-
-  &-number {
-    @include bold-48($tabular-numbers: true);
-  }
-
-  &-label {
-    @include core-19;
-    padding-bottom: 10px;
-  }
-
-}
-
-.pill .big-number-number {
-
-  // reduce padding until screen is bigger than 420px / zoomed below 300%
-  padding-left: govuk-spacing(1);
-
-  @include govuk-media-query($from: 420px) {
-    padding-left: govuk-spacing(2);
-  }
-
-}
-
-.big-number-dark {
-  @extend %big-number;
-  padding: govuk-spacing(3);
-  position: relative;
-  background: $black;
-  color: $white;
-
-  .big-number-number {
-    @include bold-36($tabular-numbers: true);
-  }
-}
-
-.big-number-smaller {
-
-  @extend %big-number;
-
-  .big-number-number {
-    @include bold-36($tabular-numbers: true);
-  }
-
-}
-
-.big-number-smallest {
-
-  @extend %big-number;
-
-  .big-number-number {
-    @include bold-24($tabular-numbers: true);
-  }
-
-}
-
-.big-number-with-status {
-
-  @extend %big-number;
-  position: relative;
-  margin-bottom: govuk-spacing(4);
-
-  .big-number,
-  .big-number-smaller {
-    padding: govuk-spacing(3);
-    position: relative;
-    background: $black;
-    color: $white;
-  }
-
-  .big-number-label {
-
-    padding-bottom: 0;
-
-    &:link,
-    &:visited {
-      color: $link-colour;
-    }
-
-  }
-
-  .big-number-link {
-
-    text-decoration: none;
-    background: $link-colour;
-    color: $white;
-    display: block;
-    border: 2px solid $link-colour;
-    margin-bottom: 5px;
-
-    &:hover {
-
-      color: $light-blue-25;
-
-      .big-number,
-      .big-number-number,
-      .big-number-smaller,
-      .big-number-label {
-        color: $light-blue-25;
-      }
-
-    }
-
-    &:active,
-    &:focus {
-      background: $govuk-focus-colour;
-      border: none;
-      padding: 2px; /* replace the spacing the border gave */
-      /* override the default focus style to inset the underline */
-      box-shadow: inset 0 -4px $govuk-focus-text-colour;
-
-      .big-number-number,
-      .big-number-smaller,
-      .big-number-label {
-        color: $govuk-focus-text-colour;
-        text-decoration: none;
-      }
-    }
-
-    .big-number,
-    .big-number-smaller {
-      background: transparent;
-    }
-
-    .big-number-label {
-      text-decoration: underline;
-    }
-
-  }
-
-  %big-number-status,
-  .big-number-status {
-
-    @include core-19;
-    display: block;
-    background: $green;
-    color: $white;
-    padding: 15px;
-
-    a {
-
-      &:link,
-      &:visited,
-      &:active,
-      &:hover {
-        color: $white;
-        text-decoration: underline;
-      }
-
-      &:active,
-      &:focus {
-        color: $black;
-      }
-
-    }
-
-  }
-
-  .big-number-status-failing {
-    @extend %big-number-status;
-    background: $error-colour;
-  }
-
-}
-
-.big-number-meta-wrapper {
-
-  position: relative;
-  margin: govuk-spacing(3) 0 govuk-spacing(6) 0;
-  background: $govuk-blue;
-
-  .big-number-meta {
-
-    padding: govuk-spacing(2) govuk-spacing(3);
-    color: $white;
-    pointer-events: none;
-
-    @include media(desktop) {
-      position: absolute;
-      bottom: 7px;
-      right: 5px;
-      text-align: right;
-    }
-
-  }
-
-}

app/assets/stylesheets/components/browse-list.scss

@@ -1,28 +0,0 @@
-.browse-list {
-  margin-bottom: govuk-spacing(3);
-
-  .browse-sub-list {
-    margin-top: govuk-spacing(3);
-    margin-left: govuk-spacing(6);
-    @include media('desktop') {
-      margin-left: govuk-spacing(9);
-    }
-  }
-
-  &-item,
-  &-sub-item {
-    @include bold-24;
-    list-style: none;
-    margin-bottom: govuk-spacing(3);
-  }
-
-  &-link {
-    @include govuk-font(24, $weight: bold);
-  }
-
-  &-hint {
-    @include core-19;
-    margin: 5px 0 10px 0;
-    color: $secondary-text-colour;
-  }
-}

app/assets/stylesheets/components/checkboxes.scss

@@ -1,120 +0,0 @@
-// Taken from https://github.com/alphagov/govuk-frontend/blob/v2.13.0/src/components/checkboxes/_checkboxes.scss
-$govuk-touch-target-size: 44px;
-$govuk-checkboxes-size: 40px;
-
-.selection-summary {
-
-  .selection-summary__text {
-    @include core-19($tabular-numbers: true);
-    padding: 5px 0 0 0;
-    margin-bottom: govuk-spacing(3);
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  .selection-summary__text--folders {
-    padding: 10px 15px 5px 51px;
-    background-image: file-url('folder-black.svg');
-    background-repeat: no-repeat;
-    background-size: 39px auto;
-    background-position: 0px 4px;
-  }
-
-}
-
-.checkboxes-nested {
-
-  margin-bottom: 10px;
-
-  .multiple-choice {
-
-    $circle-diameter: 39px;
-    $border-thickness: 4px;
-    $border-indent: ($circle-diameter / 2) - ($border-thickness / 2);
-    $border-colour: $border-colour;
-
-    float: none;
-    position: relative;
-
-    &:before {
-      content: "";
-      position: absolute;
-      bottom: 0;
-      left: $border-indent;
-      width: $border-thickness;
-      height: 100%;
-      background: $border-colour;
-    }
-
-    label {
-      float: none;
-    }
-
-    [type=checkbox]+label::before {
-      // To overlap the grey inset line
-      background: $white;
-    }
-
-    ul {
-      // To equalise the spacing between the line and the top/bottom of
-      // the radio
-      margin-top: 5px;
-      margin-bottom: -5px;
-      padding-left: 12px;
-    }
-
-  }
-
-}
-
-.govuk-form-group--nested {
-
-  $border-thickness: $govuk-touch-target-size - $govuk-checkboxes-size;
-  $border-indent: $govuk-touch-target-size / 2;
-
-  position: relative;
-
-  // To equalise the spacing between the line and the top/bottom of
-  // the radio
-  margin-top: govuk-spacing(1) + ($border-thickness / 2);
-  margin-bottom: govuk-spacing(1) * -1;
-  padding-left: govuk-spacing(2) + 2;
-
-  &:before {
-    content: "";
-    position: absolute;
-    bottom: 0;
-    left: $border-indent * -1;
-    width: $border-thickness;
-    height: 100%;
-    background: $govuk-border-colour;
-  }
-}
-
-.selection-content {
-  margin-bottom: govuk-spacing(4);
-
-  .checkboxes-nested {
-    margin-bottom: 0;
-  }
-}
-
-.selection-footer {
-  clear: both;
-}
-
-.selection-footer__button {
-  // revert full-width button for smaller screens
-  display: inline-block;
-  width: auto;
-}
-
-// styles specific to the collapsible checkboxes module
-.selection-wrapper {
-  fieldset:focus {
-    outline: none;
-  }
-
-}

app/assets/stylesheets/components/conditional-radios.scss

@@ -1,27 +0,0 @@
-$border-thickness: 4px;
-$top-spacing: govuk-spacing(5);
-
-.multiple-choice {
-
-  z-index: 10;
-
-  .block-label {
-    &:before {
-      box-shadow: 0 5px 0 0 $white;
-    }
-  }
-
-}
-
-.conditional-radios {
-
-  &-panel {
-    border-left: $border-thickness solid $border-colour;
-    margin: 0 0 (-1 * govuk-spacing(3)) (govuk-spacing(3) + ($border-thickness / 2));
-    padding: govuk-spacing(3) 0 0 (govuk-spacing(6) - ($border-thickness / 2));
-    position: relative;
-    top: -$top-spacing;
-    z-index: 1;
-  }
-
-}

app/assets/stylesheets/components/content-metadata.scss

@@ -1,43 +0,0 @@
-.content-metadata {
-  @include govuk-font(16);
-  @include govuk-clearfix;
-  @include govuk-responsive-margin(5, "bottom");
-  color: $govuk-text-colour;
-  margin-top: 15px;
-
-  .content-metadata__term,
-  .content-metadata__definition {
-    line-height: 1.4;
-  }
-
-  .content-metadata__term {
-    margin-top: .5em;
-
-    @include govuk-media-query($from: tablet) {
-      box-sizing: border-box;
-      float: left;
-      clear: left;
-      padding-right: govuk-spacing(1);
-      margin-top: 0;
-    }
-  }
-
-  .content-metadata__definition {
-    margin: 0;
-
-    @include govuk-media-query($from: tablet) {
-      &:not(:last-of-type) {
-        margin-bottom: govuk-spacing(1);
-      }
-    }
-  }
-
-  .content-metadata__suffix {
-    margin-top: 0.628em;
-    margin-bottom: 0;
-
-    @include govuk-media-query($from: tablet) {
-      margin-top: 6px;
-    }
-  }
-}

app/assets/stylesheets/components/copy-to-clipboard.scss

@@ -1,33 +0,0 @@
-.copy-to-clipboard {
-
-  position: relative;
-  padding-bottom: 38px;  // height of button
-  display: flex;
-
-  &__name {
-    @include bold-19;
-    margin-bottom: 5px;
-  }
-
-  &__notice,
-  &__value {
-    font-family: monospace;
-    display: block;
-    padding: 0 0 10px 0;
-    margin: auto 0;
-  }
-
-  &__button--show,
-  &__button--copy {
-
-    position: absolute;
-    bottom: 2px;
-    left: 0px;
-
-    &:active {
-      top: auto;
-    }
-
-  }
-
-}