WIP: Cosmetology multi-backend scaffolding

- Implement new public dashboard page
- Remove cosmetology license types from registration & mfa recovery screens
- Remove form subtext from state upload form (#1293)

Author: jsandoval81

webroot/src/components/Icons/LicenseeUser/LicenseeUser.vue

@@ -7,6 +7,7 @@
 
 <template>
     <svg class="icon licensee-user-icon stroke-fill-type" viewBox="0 0 50 51">
+        <rect x="1.5" y="2" width="47" height="47" rx="3" stroke-width="2.5" stroke-linejoin="round"/>
         <path class="custom-fill" d="M29.8659 13.0256C29.8659 12.2824 29.8659 11.9108 29.7212 11.6269C29.594 11.3772
             29.391 11.1742 29.1413 11.047C28.8574 10.9023 28.4858 10.9023 27.7426 10.9023H22.2574C21.5142 10.9023
             21.1426 10.9023 20.8587 11.047C20.609 11.1742 20.406 11.3772 20.2787 11.6269C20.1341 11.9108 20.1341
@@ -27,7 +28,6 @@
             20.4895C30.3407 20.3622 30.1377 20.1592 30.0105 19.9095C29.8659 19.6256 29.8659 19.254 29.8659
             18.5108V13.0256Z"
             stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
-        <rect x="1.5" y="2" width="47" height="47" rx="3" stroke-width="2.5" stroke-linejoin="round"/>
     </svg>
 
 </template>

webroot/src/components/Page/PageContainer/PageContainer.ts

@@ -49,6 +49,7 @@ class PageContainer extends Vue {
     get includePageHeader(): boolean {
         const nonHeaderRouteNames: Array<string> = [
             'Logout',
+            'DashboardPublic',
             'LicenseeVerification',
             'MfaResetConfirmLicensee',
         ];
@@ -69,6 +70,7 @@ class PageContainer extends Vue {
 
     get includeMainNav(): boolean {
         const nonMainNavRouteNames: Array<string> = [
+            'DashboardPublic', // This is a custom splash page with custom button navigation
             'LicenseeVerification', // This is a printer-friendly page
             'MfaResetConfirmLicensee', // This is a standalone automation page accessed from emailed link
         ];

webroot/src/components/StateUpload/StateUpload.vue

@@ -8,7 +8,6 @@
 <template>
     <div class="state-upload-container">
         <h1>{{ $t('stateUpload.formTitle') }}</h1>
-        <div class="sub-title">{{ $t('stateUpload.formSubtext') }}</div>
         <Card class="state-upload">
             <Transition name="fade" :mode="elementTransitionMode">
                 <LoadingSpinner v-if="isInitializing" />

webroot/src/locales/en.json

@@ -1,6 +1,6 @@
 {
     "common": {
-        "appName": "Compact Connect",
+        "appName": "CompactConnect",
         "yes": "Yes",
         "no": "No",
         "back": "Back",
@@ -378,11 +378,16 @@
         "dashboard": "Dashboard",
         "goToDashboard": "Go to dashboard",
         "login": "Login",
-        "loginAsStaff": "Login as Compact or State Staff",
-        "loginAsProvider": "Login as Practitioner",
+        "loginAsStaff": "Compact / State Staff Login",
+        "loginAsStaffSubtext": "Select a compact",
+        "loginAsProvider": "Practitioner login",
+        "loginAsProviderSubtext": "Access your account and privileges",
         "register": "Register",
-        "registerAsProvider": "Register as Practitioner",
+        "registerAsProvider": "Create an account",
+        "registerAsProviderSubtext": "Don't have an account?",
         "verifyPrivilege": "Verify a compact privilege",
+        "verifyPrivilegeSubtext": "Look up practitioner credentials and status",
+        "verifyPrivilegeSearch": "Go to search",
         "home": "Home",
         "upload": "Upload data",
         "licensing": "Search licensing data",
@@ -508,6 +513,7 @@
         }
     ],
     "compact": {
+        "welcomeTo": "Welcome to",
         "settingsTitle": "Settings",
         "configuration": "Configuration",
         "paymentProcessorCredentials": "Authorize.net credentials",
@@ -547,7 +553,6 @@
     },
     "stateUpload": {
         "formTitle": "Compact data upload",
-        "formSubtext": "Current uploads are for test purposes and the data will not be saved permanently",
         "uploadHint": "Only 1 CSV",
         "successTitle": "Your document has been uploaded successfully",
         "successSubTitle": "If your document encounters any errors during processing you will be notified via email"

webroot/src/locales/es.json

@@ -377,11 +377,16 @@
         "dashboard": "Panel",
         "goToDashboard": "Ir al panel de control",
         "login": "Iniciar sesión",
-        "loginAsStaff": "Iniciar sesión como personal compacto o estatal",
-        "loginAsProvider": "Iniciar sesión como practicante",
+        "loginAsStaff": "Inicio de sesión del personal del Pacto / Estado",
+        "loginAsStaffSubtext": "Seleccione un compacto",
+        "loginAsProvider": "Inicio de sesión de practicante",
+        "loginAsProviderSubtext": "Accede a tu cuenta y privilegios",
         "register": "Registro",
-        "registerAsProvider": "Registrarse como practicante",
-        "verifyPrivilege": "Verificar un privilegio del compacto",
+        "registerAsProvider": "Crear una cuenta",
+        "registerAsProviderSubtext": "¿No tienes una cuenta?",
+        "verifyPrivilege": "Verificar un privilegio compacto",
+        "verifyPrivilegeSubtext": "Busque credenciales y estado del profesional",
+        "verifyPrivilegeSearch": "Ir a la búsqueda",
         "home": "Hogar",
         "upload": "Subir",
         "licensing": "Licencia",
@@ -492,6 +497,7 @@
         }
     ],
     "compact": {
+        "welcome": "Bienvenido a CompactConnect",
         "settingsTitle": "Ajustes",
         "configuration": "Configuración",
         "paymentProcessorCredentials": "Authorize.net cartas credenciales",
@@ -531,7 +537,6 @@
     },
     "stateUpload": {
         "formTitle": "Carga de datos compacta",
-        "formSubtext": "Las cargas actuales son para fines de prueba y los datos no se guardarán de forma permanente.",
         "uploadHint": "Sólo 1 archivo CSV",
         "successTitle": "Su documento ha sido subido exitosamente",
         "successSubTitle": "Si su documento encuentra algún error durante el procesamiento, se le notificará por correo electrónico."

webroot/src/pages/MfaResetStartLicensee/MfaResetStartLicensee.less

@@ -206,16 +206,6 @@
         cursor: pointer;
     }
 
-    .recaptcha-terms {
-        margin: 2.4rem;
-        font-size: @fontSizeSmall;
-        text-align: center;
-
-        .recaptcha-link {
-            text-decoration: underline;
-        }
-    }
-
     .mock-nav {
         display: flex;
         flex-direction: column;

webroot/src/pages/MfaResetStartLicensee/MfaResetStartLicensee.ts

@@ -35,6 +35,7 @@ import InputSubmit from '@components/Forms/InputSubmit/InputSubmit.vue';
 import InputButton from '@components/Forms/InputButton/InputButton.vue';
 import CheckCircle from '@components/Icons/CheckCircle/CheckCircle.vue';
 import MockPopulate from '@components/Forms/MockPopulate/MockPopulate.vue';
+import { CompactType } from '@models/Compact/Compact.model';
 import { State } from '@models/State/State.model';
 import { FormInput } from '@models/FormInput/FormInput.model';
 import Joi from 'joi';
@@ -109,14 +110,21 @@ class MfaResetStartLicensee extends mixins(MixinForm) {
     get licenseTypeOptions(): Array<SelectOption> {
         const options = [{ value: '', name: `- ${this.$t('common.select')} -`, isDisabled: true }];
         const licenseTypes = this.$tm('licensing.licenseTypes') || [];
-
-        licenseTypes.forEach((licenseType) => {
-            options.push({
-                value: licenseType.key,
-                name: licenseType.name,
-                isDisabled: false,
+        const enabledCompacts = [
+            CompactType.ASLP,
+            CompactType.OT,
+            CompactType.COUNSELING,
+        ];
+
+        licenseTypes
+            .filter((licenseType) => enabledCompacts.includes(licenseType.compactKey))
+            .forEach((licenseType) => {
+                options.push({
+                    value: licenseType.key,
+                    name: licenseType.name,
+                    isDisabled: false,
+                });
             });
-        });
 
         return options;
     }

webroot/src/pages/MfaResetStartLicensee/MfaResetStartLicensee.vue

@@ -230,21 +230,6 @@
             </Transition>
         </Card>
         <div ref="recaptcha"></div>
-        <div class="recaptcha-terms">
-            {{ $t('recaptcha.googleDesc') }}
-            <a
-                href="https://policies.google.com/privacy"
-                rel="noopener noreferrer"
-                class="recaptcha-link"
-            >{{ $t('recaptcha.privacyPolicy') }}</a>
-            {{ $t('recaptcha.and') }}
-            <a
-                href="https://policies.google.com/terms"
-                rel="noopener noreferrer"
-                class="recaptcha-link"
-            >{{ $t('recaptcha.terms') }}</a>
-            {{ $t('recaptcha.apply') }}.
-        </div>
     </Section>
 </template>