Fix Badges in Re-Registrations, Update Breadcrumbs and Icon (#1912)

* Mhr Re-Registrations Stepper components, updated badges
* Fix badges for Re-Registration flow as per UXA
* Fix Corrected badge in Re-Registrations Review step
* Update Re-Registration icon
* Update Breadcrumbs for Mhr Re-Registration
* Fix to not apply increment counters to modal titles

ppr-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ppr-ui",
-  "version": "3.2.6",
+  "version": "3.2.7",
   "private": true,
   "appName": "Assets UI",
   "sbcName": "SBC Common Components",

ppr-ui/src/assets/styles/base.scss

@@ -432,7 +432,7 @@ ul {
   counter-reset: section 0
 }
 
-.increment-sections section h2:before {
+.increment-sections section h2:not(.dialog-title)::before {
   counter-increment: section;
   content: counters(section,".") ". "
 }

ppr-ui/src/components/common/Breadcrumb.vue

@@ -76,7 +76,8 @@ import {
   tombstoneBreadcrumbMhrUnitNote,
   tombstoneBreadcrumbQsApplication,
   tombstoneBreadcrumbExemption,
-  tombstoneBreadcrumbMhrCorrection
+  tombstoneBreadcrumbMhrCorrection,
+  tombstoneBreadcrumbMhrReRegistration
 } from '@/resources'
 import { RouteNames } from '@/enums'
 import { getRoleProductCode } from '@/utils'
@@ -99,7 +100,8 @@ export default defineComponent({
       getUserRoles,
       getUserProductSubscriptionsCodes,
       getMhrInformation,
-      getMhrUnitNoteType
+      getMhrUnitNoteType,
+      isMhrReRegistration
     } = storeToRefs(useStore())
 
     const localState = reactive({
@@ -126,6 +128,7 @@ export default defineComponent({
           tombstoneBreadcrumbSearchConfirm,
           tombstoneBreadcrumbMhrInformation,
           tombstoneBreadcrumbMhrCorrection,
+          tombstoneBreadcrumbMhrReRegistration,
           tombstoneBreadcrumbMhrUnitNote
         ]
         if (isRoleStaff.value) {
@@ -174,6 +177,10 @@ export default defineComponent({
           mhrCorrectionBreadcrumb[2].text = `MHR Number ${getMhrInformation.value.mhrNumber}`
           mhrCorrectionBreadcrumb[3].text = getRegistrationType.value?.text
           return mhrCorrectionBreadcrumb
+        } else if (isMhrReRegistration.value) {
+          const mhrReRegistrationBreadcrumb = [...tombstoneBreadcrumbMhrReRegistration]
+          mhrReRegistrationBreadcrumb[2].text = `MHR Number ${getMhrInformation.value.mhrNumber}`
+          return mhrReRegistrationBreadcrumb
         } else if (name === RouteNames.MHR_INFORMATION_NOTE) {
           const mhrUnitNoteBreadcrumb = [...tombstoneBreadcrumbMhrUnitNote]
           mhrUnitNoteBreadcrumb[2].text = `MHR Number ${getMhrInformation.value.mhrNumber}`
@@ -195,10 +202,7 @@ export default defineComponent({
     })
 
     const handleStaff = (breadcrumbText): string => {
-      if (isRoleStaff.value) {
-        breadcrumbText = breadcrumbText.replace('My', 'Staff')
-      }
-      return breadcrumbText
+      return isRoleStaff.value ? breadcrumbText.replace('My', 'Staff') : breadcrumbText
     }
 
     const buildHref = (href: string): string => {

ppr-ui/src/components/mhrRegistration/ReviewConfirm/HomeLocationReview.vue

@@ -443,7 +443,7 @@
           >
             <v-col>
               <UpdatedBadge
-                v-if="isMhrCorrection"
+                v-if="isMhrCorrection || (isMhrReRegistration && includesPid)"
                 class="mb-1"
                 :action="correctionState.action"
                 :baseline="correctionState.location.baseline"

ppr-ui/src/components/tables/common/TableRow.vue

@@ -500,7 +500,7 @@
                   <img
                     alt="exemption-icon"
                     class="ml-0 icon-small"
-                    src="@/assets/svgs/ic_exemption2.svg"
+                    src="@/assets/svgs/ic_re-register-home.svg"
                   >
                   <span class="ml-1">Re-Register Manufactured Home</span>
                 </v-list-item-subtitle>

ppr-ui/src/resources/breadcrumbs.ts

@@ -161,6 +161,28 @@ export const tombstoneBreadcrumbMhrCorrection: Array<BreadcrumbIF> = [
     to: { name: '' }
   }
 ]
+export const tombstoneBreadcrumbMhrReRegistration: Array<BreadcrumbIF> = [
+  {
+    disabled: false,
+    href: sessionStorage.getItem('REGISTRY_URL'),
+    text: 'BC Registries Dashboard'
+  },
+  {
+    disabled: false,
+    to: { name: RouteNames.DASHBOARD },
+    text: 'My Asset Registries'
+  },
+  {
+    disabled: false,
+    text: 'MHR Number',
+    to: { name: RouteNames.MHR_INFORMATION }
+  },
+  {
+    disabled: true,
+    text: 'Re-Register Manufactured Home',
+    to: { name: '' }
+  }
+]
 export const tombstoneBreadcrumbMhrUnitNote: Array<BreadcrumbIF> = [
   {
     disabled: false,