- {mainHeadline && mainHeadline.length > 0 && (
-
-
- {footer}
-
- );
- }
-}
-
-const PROGRESSBAR_WRAPPER_STYLING = css({
- marginTop: '1.5em',
- marginBottom: '2.0em',
-});
diff --git a/services-js/access-boston/src/client/RedirectForm.tsx b/services-js/access-boston/src/client/RedirectForm.tsx
deleted file mode 100644
index 156255635..000000000
--- a/services-js/access-boston/src/client/RedirectForm.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import CrumbContext from '../client/CrumbContext';
-
-interface Props {
- path: string;
-}
-
-/**
- * Makes a form that can be used to redirect to a page with a CSRF-protected
- * POST.
- *
- * Save off a ref to this, and call "redirect" when you’re ready to go.
- *
- * You can also provide children that will be rendered in the form. This is
- * useful for putting in a submit button.
- */
-export default class RedirectForm extends React.Component{$mainHeadline}
- )} - - {progress && ( -
-
- )}
-
- {children}
-
-
- );
-}
-
-const MODAL_STYLE = css({
- paddingTop: 0,
- maxWidth: 500,
- top: '15%',
- marginRight: 'auto',
- marginLeft: 'auto',
-});
diff --git a/services-js/access-boston/src/client/auth-helpers.ts b/services-js/access-boston/src/client/auth-helpers.ts
deleted file mode 100644
index fac9ae818..000000000
--- a/services-js/access-boston/src/client/auth-helpers.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Account } from './graphql/fetch-account';
-
-/**
- * Throw this type of error out of getInitialProps to have the App component do
- * a redirect rather than render the page. Works both client- and server-side.
- */
-export class RedirectError extends Error {
- url: string;
-
- constructor(url: string) {
- super();
-
- this.url = url;
- }
-}
-
-/**
- * Ensures that the account has been registered. If not, throws a
- * a RedirectError to the registration flow.
- *
- * Expected to be called from getInitialProps in page components.
- */
-export function requireRegistration(account: Account) {
- if (account.needsMfaDevice || account.needsNewPassword) {
- throw new RedirectError('/register');
- }
-}
diff --git a/services-js/access-boston/src/client/common/AccessBostonFooter.stories.tsx b/services-js/access-boston/src/client/common/AccessBostonFooter.stories.tsx
deleted file mode 100644
index 224f0bef6..000000000
--- a/services-js/access-boston/src/client/common/AccessBostonFooter.stories.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-
-import AccessBostonFooter from './AccessBostonFooter';
-
-storiesOf('AccessBostonFooter', module).add('default', () => (
-
-
- {children}
- - {noLinks ? ( - 'Access Boston' - ) : ( - - Access Boston - - )} -
- {account && ( -
-
- {getEmployeeName(account)}
-
-
- {!noLinks && (
-
-
-
- )}
-
- )}
-
- {props.children}
-
-
- );
-}
-
-const WRAPPER_STYLING = css({
- minHeight: '100vh',
- display: 'flex',
- flexDirection: 'column',
-
- '> main': {
- flexGrow: 1,
-
- display: 'flex',
- flexDirection: 'column',
- },
-});
diff --git a/services-js/access-boston/src/client/common/BackButton.tsx b/services-js/access-boston/src/client/common/BackButton.tsx
deleted file mode 100644
index e7984aa16..000000000
--- a/services-js/access-boston/src/client/common/BackButton.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/core';
-
-import { MouseEvent } from 'react';
-
-interface Props {
- handleClick: (ev: MouseEvent) => void;
-}
-
-/**
- * “Back” button that looks like a text link. Right padding added to increase
- * touch target size.
- */
-export default function BackButton(props: Props): JSX.Element {
- return (
-
- );
-}
-
-export function BackButtonContent(): JSX.Element {
- return (
-
- {' '}
- Back
-
- );
-}
-
-const BACK_BUTTON_STYLING = css({
- padding: '1.25rem !important',
- paddingLeft: '0 !important',
-});
diff --git a/services-js/access-boston/src/client/common/HelpContactInfo.tsx b/services-js/access-boston/src/client/common/HelpContactInfo.tsx
deleted file mode 100644
index f2cd36a6b..000000000
--- a/services-js/access-boston/src/client/common/HelpContactInfo.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-
-export default function HelpContactInfo() {
- return (
- -
-
-
- DoIT Service Desk
-
- (617) 635-7378 -
- -
- BPS Technology Help Desk Support
-
- (617) 635-9200 -
-
- New passwords must:
-
-
- -
-
- - Be at least 10 characters long - - -
-
- Use at least 3 of these:
-
-
-
- - A lowercase letter - -
- - An uppercase letter - -
- A number -
- - A special character - -
-
- - - Not have spaces - -
- - Not be longer than 32 characters - -
- Don't use personal info, like your name, ID or address. If you use just
- two consecutive characters from your name or ID in your password, it
- will fail. Your new password will have to be different than your last 5
- passwords.
-
-
- );
-}
diff --git a/services-js/access-boston/src/client/common/QuestionComponent.tsx b/services-js/access-boston/src/client/common/QuestionComponent.tsx
deleted file mode 100644
index d38848cc1..000000000
--- a/services-js/access-boston/src/client/common/QuestionComponent.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/core';
-
-import { MouseEvent, ReactNode } from 'react';
-
-import { MEDIA_SMALL /*, MEDIA_LARGE*/ } from '@cityofboston/react-fleet';
-
-import BackButton from './BackButton';
-
-interface Props {
- handleProceed?: (ev: MouseEvent) => void;
- allowProceed?: boolean;
- handleStepBack?: (ev: MouseEvent) => void;
- handleReset?: (ev: MouseEvent) => void;
- handleQuit?: (ev: MouseEvent) => void;
- startOver?: boolean;
- nextButtonText?: string;
- children: ReactNode;
- quitBtn?: boolean;
- squareStyleBackBtn?: boolean;
-}
-
-/**
- * Container component to provide layout for a single question screen,
- * as well as “back”, “start over”, and “next question” buttons if their
- * related handlers are passed in as props to this component.
- */
-export default function QuestionComponent(props: Props): JSX.Element {
- const {
- children,
- handleReset,
- handleProceed,
- handleStepBack,
- nextButtonText,
- allowProceed,
- startOver,
- quitBtn,
- squareStyleBackBtn,
- handleQuit,
- } = props;
-
- const useG8Css = squareStyleBackBtn && quitBtn ? `8` : `6`;
- const proceedBtnCss = `g--${useG8Css} ta-r m-b500`;
-
- return (
-
-
- );
-}
-
-const CONTAINER_STYLING = css({
- display: 'flex',
- flexDirection: 'column',
- lineHeight: '1.5rem',
- margin: 'auto',
- width: '100%',
-});
-
-const HEADER_STYLING = css({
- 'fieldset + fieldset': {
- marginTop: '2rem',
-
- [MEDIA_SMALL]: {
- marginTop: '4rem',
-
- '.lnk': {
- paddingLeft: 0,
- },
- },
- },
-});
-
-const BUTTON_CONTAINER_STYLING = css({
- width: '100%',
- marginLeft: 'auto',
- marginRight: 'auto',
- position: 'relative',
-
- textAlign: 'center',
-
- [MEDIA_SMALL]: {
- marginTop: '2.5rem',
- textAlign: 'left',
-
- '> div': {
- display: 'flex',
-
- '&.ta-r > button': {
- marginLeft: 'auto',
- },
- },
-
- '.lnk': {
- paddingLeft: 0,
- },
- },
-});
diff --git a/services-js/access-boston/src/client/common/TextInput.stories.tsx b/services-js/access-boston/src/client/common/TextInput.stories.tsx
deleted file mode 100644
index 32185d3e8..000000000
--- a/services-js/access-boston/src/client/common/TextInput.stories.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-
-import TextInput, { renderErrorNextToInput } from './TextInput';
-
-storiesOf('TextInput', module).add('variants', () => (
- <>
- {children}
-
-
- {!quitBtn && !squareStyleBackBtn && (
-
-
- {handleStepBack &&
- )}
-
- {quitBtn && handleQuit && (
-
-
-
- )}
-
- {squareStyleBackBtn && (
-
-
-
- )}
-
-
- {handleProceed && !startOver && (
-
- )}
-
- {/* Button only appears if handler was passed in AND startOver is true. */}
- {handleReset && startOver && (
-
- )}
-
-
- {/* The is to keep space for the error so the form doesn't jump when one is added. */}
- {error && typeof error === 'string' ? error : <> }
-
- );
-
- return (
-
-
-
- {renderInputFunc({ inputEl, errorEl })}
-
- {info &&
- );
-}
-
-const ERROR_NEXT_TO_INPUT_CELL_STYLE = css({
- display: 'flex',
- alignItems: 'center',
-});
-
-export const renderErrorNextToInput = ({ inputEl, errorEl }) => (
- <>
- {info}
}
-
- {!hideErrorMessage && errorEl}
-
-
-
-);
diff --git a/services-js/access-boston/src/client/confirmid/README.md b/services-js/access-boston/src/client/confirmid/README.md
deleted file mode 100644
index a64ca540e..000000000
--- a/services-js/access-boston/src/client/confirmid/README.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# ID Verification Service
-
-## Workflow
-
-### Environments
-- DEV
-- TEST
- - No SSN && DOB
- - ID: 101226
- - DOB
- - ID:
- - SSN
- - ID: 139562
-
-
-
-etc
-// 'Postman-Token': `${idver.postman}`,
-// 'Accept-Encoding': 'gzip, deflate, br',
-// 'Cache-Control': 'no-cache',
-// 'User-Agent': 'PostmanRuntime/7.29.0',
\ No newline at end of file
diff --git a/services-js/access-boston/src/client/confirmid/components/Section.tsx b/services-js/access-boston/src/client/confirmid/components/Section.tsx
deleted file mode 100644
index 2519afcb8..000000000
--- a/services-js/access-boston/src/client/confirmid/components/Section.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/core';
-
-import { ReactNode } from 'react';
-
-import { GRAY_000 } from '@cityofboston/react-fleet';
-
-interface Props {
- isGray?: boolean;
- ariaLabel?: string;
- stretch?: boolean;
- children: ReactNode;
- css?: any;
-}
-
-/**
- * Utility component to provide full-width background color as needed.
- */
-export default function Section(props: Props) {
- const ariaLabel = props.ariaLabel ? { 'aria-label': props.ariaLabel } : null;
-
- const stretchAttributes = css({
- flexGrow: 1,
- display: 'flex',
- flexDirection: 'column',
- });
-
- const prepCss = [
- {
- backgroundColor: props.isGray ? GRAY_000 : undefined,
- },
- props.stretch ? stretchAttributes : {},
- ];
-
- return (
- {inputEl}
- {errorEl}
-
- {props.children}
-
-
- {}}
- resetState={() => {}}
- appTitle={AppTitle}
- handleQuit={() => {}}
- />
-
-
- {}}
- handleStepBack={() => {}}
- resetState={() => {}}
- handleQuit={() => {}}
- state={{
- employeeId: '40000093',
- employeeType: 'EMPLOYEEE',
- fname: 'Steve',
- lname: 'Martin',
- ssn: '1111',
- dob: '1/1/1989',
- }}
- ssn={'1111'}
- dob={'1/1/1989'}
- updateSnn={() => {}}
- updateDob={() => {}}
- appTitle={AppTitle}
- />
-
-
- {}}
- handleStepBack={() => {}}
- resetState={() => {}}
- state={{
- employeeId: '40000093',
- employeeType: 'EMPLOYEEE',
- fname: 'Steve',
- lname: 'Martin',
- ssn: '1111',
- dob: '1/1/1989',
- }}
- ssn={'1111'}
- dob={'1/1/1989'}
- handleQuit={() => {}}
- appTitle={AppTitle}
- />
-
-
- {}} appTitle={AppTitle} />
-
-
-
-
-
-
-
-
-
- Instructions
-
-
- Please enter the Employee ID or User ID number of the person to be
- verified.
-
-
-
- setQuery(e.target.value)}
- />
-
- - The identity verification process was unsuccessful. -
- -- If the person is an Employee, please ask - them to reach out to their Human Resources representative to confirm - that their data is correct. -
- -- If the person has a Sponsored account, - please ask them to reach out to their Sponsor to confirm that their - data is correct. -
-
- 
-
-
-
- - Welcome to Access Boston, the City of Boston's ID Verification - Service. -
- -- Please try to have the person go through the "Forgot Password" - function before performing the "Identity Verification" process. Using - this process means that not only will their password be reset, but any - devices they had registered for Multi-Factor Authentication will be - cleared from their account. At the end of this process, they will have - to re-do the full Access Boston registration process. -
-
-
-
-
-
- - Are you sure you want to quit the Identify Verification Process? -
- -- All unsaved changes will be lost and the process will have to be - restarted. -
-Review Details
-
-
- Please review the details below with the person to confirm.
-
-
-
- {}}
- disabled={true}
- />
- )}
-
- {state.employeeType === 'EMPLOYEE' && (
-
- - The identity verification process was successful. -
- -Please proceed with password reset activities.
-Validate
-
- {instructionsElem()}
-
-
- setQuery(e.target.value)}
- />
- )}
-
-
-
- - -
-
- );
-}
diff --git a/services-js/access-boston/src/client/device-verification/DeviceVerificationModal.stories.tsx b/services-js/access-boston/src/client/device-verification/DeviceVerificationModal.stories.tsx
deleted file mode 100644
index ff4f0f769..000000000
--- a/services-js/access-boston/src/client/device-verification/DeviceVerificationModal.stories.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-
-import DeviceVerificationModal, {
- VerificationStatus,
-} from './DeviceVerificationModal';
-import { action } from '@storybook/addon-actions';
-import { VerificationType } from '../graphql/queries';
-
-const resendVerification = action('resendVerification');
-const resetVerification = action('resetVerification');
-
-const validateCode = (...args) =>
- action('validateCode')(args) || Promise.resolve(true);
-
-storiesOf('RegisterMfaPage/DeviceVerificationModal', module)
- .add('sending', () => (
- - Access Boston will send you a security code when you log in on a new - computer, tablet, or phone. You’ll also need a code to reset your - password if you forget it. -
- -- This is called multi-factor authentication. It keeps your account - secure even if someone steals your password. -
- -- Use your cell phone number if you have one. This is the most secure - option. If you don’t have a phone, you can use a personal email - address instead. -
- -- - -
We’re sending you a security code…
- )}
- {header}
-
-
- Something went wrong.
-
-
-
- We had a problem verifying that code. You can try to{' '}
- {' '}
- or{' '}
-
- .
-
-
-
- Please get in touch with the helpdesk if this keeps happening.
-
-
- );
- }
-
- renderFormContents = ({
- values: { code },
- handleChange,
- handleSubmit,
- isValid,
- }: FormikProps<{ code: string }>) => {
- const { status, resendVerification, resetVerification } = this.props;
-
- return (
-
- );
- };
-}
-
-function elidePhoneNumber(phoneNumber: string | null): string {
- const match = phoneNumber && phoneNumber.trim().match(/\d\d$/);
- if (match) {
- return `(xxx) xxx-xx${match[0]}`;
- } else {
- return '';
- }
-}
diff --git a/services-js/access-boston/src/client/graphql/add-mfa-device.ts b/services-js/access-boston/src/client/graphql/add-mfa-device.ts
deleted file mode 100644
index 1ffc2b1ca..000000000
--- a/services-js/access-boston/src/client/graphql/add-mfa-device.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { FetchGraphql, gql } from '@cityofboston/next-client-common';
-import {
- AddMfaDeviceVariables,
- AddMfaDevice,
- AddMfaDevice_addMfaDevice,
-} from './queries';
-
-const QUERY = gql`
- mutation AddMfaDevice(
- $phoneNumber: String
- $email: String
- $type: VerificationType!
- ) {
- addMfaDevice(phoneNumber: $phoneNumber, email: $email, type: $type) {
- sessionId
- error
- }
- }
-`;
-
-// Renames just to not expose the GraphQL-generated type names.
-export type AddMfaDeviceArgs = Required
-
- );
-
- case 'review':
- return (
-
-
- );
-
- case 'confirmation':
- return (
-
-
- );
-
- default:
- return (
-
-
- );
- }
-}
-
-const CONTAINER_STYLING: any = {
- flexGrow: 1,
- display: 'flex',
- flexDirection: 'column',
-};
-
-const CONFIRMATION_CONTAINER_STYLING: any = {
- display: 'flex',
- flexDirection: 'column',
-};
diff --git a/services-js/access-boston/src/client/group-management/InitialView.tsx b/services-js/access-boston/src/client/group-management/InitialView.tsx
deleted file mode 100644
index 6348d4e2e..000000000
--- a/services-js/access-boston/src/client/group-management/InitialView.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/core';
-
-import { ChangeEvent, ReactNode } from 'react';
-// import * as fetch from 'node-fetch';
-
-import {
- OPTIMISTIC_BLUE_DARK,
- VISUALLY_HIDDEN,
- WHITE,
- SectionHeader,
-} from '@cityofboston/react-fleet';
-
-import { capitalize } from '../utility';
-
-import { Mode } from './types';
-
-import Section from './Section';
-
-import Icon from './Icon';
-// import { Group, Person } from '../group-management/types';
-import MinGroupDisplay from './MinGroupDisplay';
-
-interface Props {
- mode: Mode;
- changeMode: (mode: Mode) => void;
- searchComponent: ReactNode;
- adminMinGroups?: [];
- handleAdminGroupClick: (item: any) => void;
-}
-
-/**
- * The initial view of the Manage Groups application; provides user with
- * the option to perform an initial search by person, or by group.
- */
-export default function InitialView(props: Props) {
- const { mode, changeMode, adminMinGroups } = props;
- const handleModeChange = (event: ChangeEvent
-
-
-
-
-
-
-
-
-
- {}}
- list={list}
- loading={loading}
- searchComponent={
- {}}
- selectedItem={selected}
- dns={[]}
- />
- }
- editableList={
-
- );
-}
-
-storiesOf('GroupManagementPage/ManagementView', module)
- .add('person view', () =>
-
- {!props.loading && list.length > 0 && (
-
- )}
-
- -
- {groups.map((item: Group) => (
-
Submitting changes...
-
-
-
-
-
- {submitting && renderSubmitting()}
-
-
-
-
-
- {props.children}
-
-
-
-
-
- - {displayText} {mode === 'group' && 'group'} -
- - {mode === 'person' && mail && ( - - {mail} - - )} -
-
- );
- } else {
- return (
- <>
- -
- {props.items && props.items.length > 0 ? (
- props.items.map(item => (
-
{noResultsText}
- )}
- -
- {props.items.map(item => (
-
-
-
- - {currentPage === 0 ? ( - previous - ) : ( - - - previous - - - )} - - - {currentPage > pageSpan - 1 ? ( -
- - { - goToPage(0); - }} - > - 1... - - - ) : ( - prevList1 - )} - {currentPage !== 0 && ( -
- - { - goToPage(currentPage); - }} - > - {currentPage + 1} - - - )} - {nextList1} - - {currentPage < lastPage && lastPage - currentPage > 2 && ( -
- - { - goToPage(lastPage); - }} - > - {lastPage - currentPage > 3 && '...'} - {pageCount} - - - )} - - {currentPage < pageCount && ( -
- - {currentPage === lastPage ? ( - next - ) : ( - - next - - )} - - )} -
- {displayName}
- {warningLabel}
- {warningLabel === '' && displayName !== cn && {cn}}
-
- );
- } else {
- return (
- <>
- {cn}
- {warningLabel}
-
- );
- }
- };
-
- render() {
- const suggestions = this.props.searchResults || [];
-
- const inputProps = {
- placeholder: this.props.placeholder,
- value: this.props.searchText,
- onChange: this.onChange,
- };
-
- return (
-
-
- - )} - -
-
- {showSubmittingModal && this.renderSubmitting()}
-
- - You’ll need a new password for Access Boston. We’ve changed - the requirements for passwords to make sure that they’re - strong enough. -
- -- You’ll use this password when logging in to Access Boston - websites like The Hub. If you work in City Hall or for BPS - you’ll also use it for your desktop computer. -
- - {hasTemporaryPassword && ( -- Please look for an email from us with your temporary - password. -
- )} - -- - )} - -
Saving your new password…
-
- Please be patient and don’t refresh your browser. This might take
- a bit.
-
-
- )}
- {showModalError === 'NETWORK' && (
- <>
- There was a network problem
-
- Your password was probably not changed. If this keeps happening,
- please get in touch:
-
-
-
-
-
-
- )}
- {showModalError === 'SESSION' && (
- <>
- Your session has expired
-
- Your password was not changed. You will need to log in again to
- change your password.
-
-
-
-
-
-
- )}
-
-
-
- You’re now set up with your Access Boston account. Log in now to
- continue.
-
-
-
-
- Log In
-
-
-
- {showSuccessMessage ? (
- this.renderSuccessMessage()
- ) : (
- <>
-
- Saving your new password…
-
- Please be patient and don’t refresh your browser. This might take
- a bit.
-
-
- )}
- {showModalError === 'NETWORK' && (
- <>
-
- There might have been a network problem
-
-
- Please try the new password, it should still work. If it doesn’t,
- please get in touch
-
-
-
-
-
*/}
-
- )}
- {showModalError === 'SESSION' && (
- <>
- Your session has expired
-
- Your password was not changed. You will need to log in again to
- reset your password.
-
-
-
-
-
-
- )}
-
- Your password change has gone through. Log in now with your new
- password.
-
-
-
-
- Log in
-
-
-
- );
- }
-}
-
-function passwordErrorToFormErrors(error: string | null) {
- if (!error) {
- return {};
- }
-
- if (
- typeof error === 'string' &&
- error.includes('sailpoint.connector.ConnectorException')
- ) {
- return {};
- }
-
- switch (error) {
- case 'NEW_PASSWORDS_DONT_MATCH':
- return { confirmPassword: 'Password confirmation didn’t match' };
- default:
- return { newPassword: error };
- }
-}
diff --git a/services-js/access-boston/src/pages/group-management.tsx b/services-js/access-boston/src/pages/group-management.tsx
deleted file mode 100644
index f3e66ec3c..000000000
--- a/services-js/access-boston/src/pages/group-management.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from 'react';
-import Head from 'next/head';
-
-import { PUBLIC_CSS_URL } from '@cityofboston/react-fleet';
-
-import fetchAccount, { Account } from '../client/graphql/fetch-account';
-
-import { GetInitialPropsDependencies, GetInitialProps } from './_app';
-
-import AppWrapper from '../client/common/AppWrapper';
-import Index from '../client/group-management/Index';
-
-interface Props {
- account: Account;
-}
-
-export default class GroupManagement extends React.Component
-
- )}
-
- {daysUntilMfa !== null && daysUntilMfa > 0 && (
-
-
-
- {FLASH_MESSAGE_STRINGS[flashMessage]}
-
-
-
- )}
-
-
-
-
-
-
-
-
- Account notice
-
- You have{' '}
-
- {daysUntilMfa === 1 ? '1 day' : `${daysUntilMfa} days`}
- {' '}
- to complete your registration.
-
-
-
-
- Complete it now
-
-
-
-
- {iconCategories.map(({ title, apps, requestAccessUrl }) => (
-
- {notice.text.length > 0 && (
-
- ))}
-
-
-
- {notice.label.length > 0 && (
-
- )}
- {notice.pretext.length > 0 && (
- {notice.pretext}
- )}
- {{notice.text} }
-
- )}
-
- Looking for an app that’s not shown here? Fill out the{' '}
- request access form.
-
- )}
- {this.renderAppIcons(apps)}
-
- {listCategories.map(({ title, apps, requestAccessUrl }) => {
- const elems =
- apps.length > 0 ? (
-
-
- ) : (
- ''
- );
- return elems;
- })}
-
-
- Is there an app that you need access to that’s not
- shown here? Fill out the{' '}
- request access form.
-
- )}
- {this.renderAppList(apps)}
- - {listItems}
{listItems}
;
- }
-}
-
-const APP_ROW_STYLE = css({
- a: {
- display: 'inline-block',
- verticalAlign: 'middle',
- '&:hover': {
- color: 'currentColor',
- },
- },
-
- span: {
- display: 'block',
- },
-});
-
-const APP_IMAGE_STYLE = css({
- objectFit: 'contain',
-
- [MEDIA_LARGE_MAX]: {
- maxHeight: 84,
- },
-});
-
-const APP_ALERT_MSG = css({
- fontSize: '18px',
- paddingBottom: '1.25em',
- lineHeight: '1.25em',
- label: {
- fontSize: '20px',
- fontFamily: 'Montserrat',
- paddingRight: '0.25em',
- color: 'red',
- fontWeight: 'bold',
- marginBottom: '0.5em',
- textTransform: 'uppercase',
- },
- span: {
- fontWeight: 'bold',
- },
-});
diff --git a/services-js/access-boston/src/pages/mfa.tsx b/services-js/access-boston/src/pages/mfa.tsx
deleted file mode 100644
index 8249802c8..000000000
--- a/services-js/access-boston/src/pages/mfa.tsx
+++ /dev/null
@@ -1,264 +0,0 @@
-import React from 'react';
-import Head from 'next/head';
-import { Formik } from 'formik';
-
-import { PUBLIC_CSS_URL } from '@cityofboston/react-fleet';
-import { PHONE_REGEXP } from '@cityofboston/form-common';
-
-import fetchAccount, { Account } from '../client/graphql/fetch-account';
-import addMfaDevice, {
- AddMfaDeviceArgs,
-} from '../client/graphql/add-mfa-device';
-
-import {
- GetInitialProps,
- GetInitialPropsDependencies,
- PageDependencies,
-} from './_app';
-
-import DeviceVerificationForm, {
- FormValues,
-} from '../client/device-verification/DeviceVerificationForm';
-
-import DeviceVerificationModal, {
- VerificationStatus,
-} from '../client/device-verification/DeviceVerificationModal';
-import verifyMfaDevice from '../client/graphql/verify-mfa-device';
-
-import { MfaError, VerificationType } from '../client/graphql/queries';
-import RedirectForm from '../client/RedirectForm';
-import { registerDeviceSchema } from '../lib/validation';
-import { RedirectError } from '../client/auth-helpers';
-
-import AppWrapper from '../client/common/AppWrapper';
-
-interface InitialProps {
- account: Account;
- phoneOrEmail: 'phone' | 'email';
-}
-
-interface Props extends InitialProps, Pick
- 
-
-
-
-
-
-
-
-
- Access Boston is the new place to log into your City of Boston
- employee account.
-
-
- - We’ve made a few changes to make things more secure: -
- --
-
- - Passwords need to be a bit longer and a bit stronger. But - you only have to change them once a year! - - -
- - We’ll need a mobile phone number or personal email address - to send security codes to. You’ll need a security code when - you use a new computer or forget your password. - -
- We’ll walk you through everything you need to do to get set - up.{' '} - {!account.needsNewPassword && ( - <> - Your password is already strong enough, so we just need to - set you up for security codes. - - )} -
- -
- {account.needsNewPassword ? (
-
- Get Started
-
- ) : (
-
- Get Started
-
- )}
-
-
-
-
- If you need extra help, give us a call:
-
-
- Access Boston
-
-
-
-
-
-
-