extend transport permits (#2032)

ppr-ui/package.json

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

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

@@ -52,10 +52,11 @@ import { useUserAccess } from '@/composables'
 export default defineComponent({
  name: 'QsAccessBtn',
  setup () {
- const { isRoleStaffReg } = storeToRefs(useStore())
+ const { isRoleStaffReg, getUserEmail } = storeToRefs(useStore())
  const { hasActiveQsAccess, hasPendingQsAccess, isUserAccessRoute, goToUserAccess } = useUserAccess()
 
  return {
+ getUserEmail,
  goToUserAccess,
  isRoleStaffReg,
  hasActiveQsAccess,

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

@@ -83,11 +83,11 @@
  <!-- Transport permit details rendered when there is an active permit -->
  <!-- add top margin to compensate negative bottom margin of the section tag -->
  <TransportPermitDetails
- v-if="hasActiveTransportPermit &&
+ v-if="(hasActiveTransportPermit &&
  !isChangeLocationActive &&
  !isCorrectionReview &&
  !isPrevTransportPermitLocation &&
- !isCancelTransportPermitReview"
+ !isCancelTransportPermitReview) || isExtendChangeLocationActive"
  :isCancelledLocation="isCancelledTransportPermitDetails"
  :isVoidPermit="isExemptionWithActiveTransportPermit"
  :infoText="exemptionWithActivePermitText"
@@ -513,7 +513,8 @@
  </v-row>
  <template
  v-if="!isMhrManufacturerRegistration && !isTransferReview && !hideLandLease &&
- !(isMhrCorrection && hasActiveTransportPermit) && !isCancelChangeLocationActive"
+ !(isMhrCorrection && hasActiveTransportPermit) && !isCancelChangeLocationActive &&
+ !isExtendChangeLocationActive"
  >
  <v-divider class="mx-8 mt-6" />
 
@@ -583,7 +584,10 @@
  Tax Certificate <br>Expiry Date
  </v-col>
  <v-col cols="9">
- {{ convertDateToLongFormat(homeLocationInfo.taxExpiryDate) }}
+ {{ isExtendChangeLocationActive
+ ? convertDateToLongFormat(getMhrTransportPermit.newLocation.taxExpiryDate)
+ : convertDateToLongFormat(homeLocationInfo.taxExpiryDate)
+ }}
  </v-col>
  </v-row>
  </template>
@@ -651,6 +655,10 @@ export default defineComponent({
  isCancelTransportPermitReview: {
  type: Boolean,
  default: false
+ },
+ isExtendChangeLocationReview: {
+ type: Boolean,
+ default: false
  }
  },
  setup (props) {
@@ -686,14 +694,15 @@ export default defineComponent({
  isAmendLocationActive,
  isNotManufacturersLot,
  isMovingWithinSamePark,
- isCancelChangeLocationActive
+ isCancelChangeLocationActive,
+ isExtendChangeLocationActive
  } = useTransportPermits()
  const { correctionState, isMhrCorrection } = useMhrCorrections()
  const { showUpdatedBadge } = useUpdatedBadges()
  const { isExemptionWithActiveTransportPermit, exemptionLabel } = useExemptions()
 
  const homeLocationInfo: MhrRegistrationHomeLocationIF =
- (props.isPrevTransportPermitLocation || props.isCancelTransportPermitReview)
+ (props.isPrevTransportPermitLocation || props.isCancelTransportPermitReview || props.isExtendChangeLocationReview)
  ? getMhrTransportPermitPreviousLocation.value
  : props.isTransportPermitReview
  ? getMhrTransportPermit.value.newLocation
@@ -703,8 +712,8 @@ export default defineComponent({
  // transport permit
  currentPadNumber: homeLocationInfo.pad,
  newTransportPermitPadNumber: '',
- showTaxCertificateExpiryDate: homeLocationInfo.taxCertificate
- && isNotManufacturersLot.value && !isMovingWithinSamePark.value,
+ showTaxCertificateExpiryDate: isNotManufacturersLot.value && !isMovingWithinSamePark.value &&
+ (homeLocationInfo.taxCertificate || getMhrTransportPermit.value?.newLocation?.taxCertificate),
  isNewPadNumberValid: false,
  amendedBadgeLocationType: {
  baseline: getMhrOriginalTransportPermitHomeLocation.value,
@@ -830,10 +839,12 @@ export default defineComponent({
  isAmendLocationActive,
  isChangeLocationActive,
  isCancelChangeLocationActive,
+ isExtendChangeLocationActive,
  correctionState,
  isMhrCorrection,
  isMhrReRegistration,
  showUpdatedBadge,
+ getMhrTransportPermit,
  isExemptionWithActiveTransportPermit,
  ...toRefs(localState)
  }

ppr-ui/src/components/mhrTransportPermit/LocationChange.vue

@@ -7,7 +7,7 @@
  />
 
  <FormCard
- v-if="!isAmendLocationActive"
+ v-if="!isAmendLocationActive && !isExtendChangeLocationActive"
  label="Location Change Type"
  :showErrors="validate && !state.locationChangeFromValid"
  :class="{'border-error-left': validate && !state.locationChangeFromValid}"
@@ -79,10 +79,11 @@
  </FormCard>
 
  <div
- v-if="state.isTransportPermitType || isRegisteredLocationChange"
+ v-if="state.isTransportPermitType || isRegisteredLocationChange || isExtendChangeLocationActive"
  id="transport-permit-location-type"
  >
  <section
+ v-if="!isExtendChangeLocationActive"
  id="transport-permit-home-location-type"
  class="mt-10"
  >
@@ -111,6 +112,7 @@
  </section>
 
  <section
+ v-if="!isExtendChangeLocationActive"
  id="transport-permit-home-civic-address"
  class="mt-12"
  >
@@ -153,6 +155,7 @@
  </section>
 
  <section
+ v-if="!isExtendChangeLocationActive"
  id="transport-permit-home-land-ownership"
  class="mt-12"
  >
@@ -247,7 +250,8 @@ const {
  hasAmendmentChanges,
  isActiveHomeOutsideBc,
  isRegisteredLocationChange,
- getLandStatusConfirmation
+ getLandStatusConfirmation,
+ isExtendChangeLocationActive
 } = useTransportPermits()
 
 const {

ppr-ui/src/components/mhrTransportPermit/LocationChangeReview.vue

@@ -47,6 +47,7 @@
  hideDefaultHeader
  isTransportPermitReview
  :isCancelTransportPermitReview="isCancelChangeLocationActive"
+ :isExtendChangeLocationReview="isExtendChangeLocationActive"
  />
  </v-card>
 </template>
@@ -59,7 +60,12 @@ import { HomeLocationReview } from '../mhrRegistration/ReviewConfirm';
 
 const { isRoleStaffReg, getMhrTransportPermit } = storeToRefs(useStore())
 
-const { getUiLocationType, isCancelChangeLocationActive, isAmendLocationActive } = useTransportPermits()
+const {
+ getUiLocationType,
+ isCancelChangeLocationActive,
+ isAmendLocationActive,
+ isExtendChangeLocationActive
+} = useTransportPermits()
 
 </script>
 

ppr-ui/src/components/mhrTransportPermit/TransportPermitDetails.vue

@@ -69,9 +69,18 @@
  >
  <v-col cols="3 tp-header">
  Date of Expiry
+ <UpdatedBadge
+ v-if="isExtendChangeLocationActive"
+ action="EXTENDED"
+ :baseline="getMhrInformation.permitDateTime"
+ :currentState="addDaysToDate(convertDate(new Date(), false, false), 30)"
+ />
  </v-col>
  <v-col cols="9 tp-label">
- {{ shortPacificDate(getMhrInformation.permitExpiryDateTime) }}
+ {{ isExtendChangeLocationActive
+ ? shortPacificDate(addDaysToDate(convertDate(new Date(), false, false), 30))
+ : shortPacificDate(getMhrInformation.permitExpiryDateTime)
+ }}
  </v-col>
  </v-row>
  <v-divider class="transport-permit-divider my-6" />
@@ -81,8 +90,10 @@
 <script setup lang="ts">
 import { useStore } from '@/store/store'
 import { storeToRefs } from 'pinia'
-import { pacificDate, shortPacificDate } from '@/utils/date-helper'
-import { InfoChip } from '@/components/common'
+import { convertDate } from '@/utils'
+import { addDaysToDate, pacificDate, shortPacificDate } from '@/utils/date-helper'
+import { InfoChip, UpdatedBadge } from '@/components/common'
+import { useTransportPermits } from '@/composables'
 const { getMhrInformation } = storeToRefs(useStore())
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -96,6 +107,8 @@ const props = withDefaults(defineProps<{
  infoText: ''
 })
 
+const { isExtendChangeLocationActive } = useTransportPermits()
+
 </script>
 
 <style lang="scss" scoped>

ppr-ui/src/components/tombstone/TombstoneDynamic.vue

@@ -120,7 +120,7 @@
  variant="plain"
  role="link"
  :ripple="false"
- :disabled="actionInProgress || isCancelChangeLocationActive"
+ :disabled="actionInProgress || isCancelChangeLocationActive || isExtendChangeLocationActive"
  @click="initMhrCorrection(MhrPublicAmendment)"
  >
  <v-icon
@@ -145,7 +145,7 @@
  v-bind="props"
  role="link"
  :ripple="false"
- :disabled="actionInProgress || isCancelChangeLocationActive"
+ :disabled="actionInProgress || isCancelChangeLocationActive || isExtendChangeLocationActive"
  >
  <v-icon
  color="primary"
@@ -234,7 +234,12 @@ export default defineComponent({
  const { isFrozenMhr, isCancelledMhr } = useMhrInformation()
  const { initMhrCorrection, isMhrChangesEnabled, isMhrCorrection } = useMhrCorrections()
 
- const { isAmendLocationActive, isCancelChangeLocationActive, hasMhrStatusChangedToActive } = useTransportPermits()
+ const {
+ isAmendLocationActive,
+ isCancelChangeLocationActive,
+ hasMhrStatusChangedToActive,
+ isExtendChangeLocationActive
+ } = useTransportPermits()
 
  const localState = reactive({
  creationDate: computed((): string => {
@@ -299,6 +304,7 @@ export default defineComponent({
  MhrPublicAmendment,
  getMhrOriginalTransportPermitRegStatus,
  isCancelChangeLocationActive,
+ isExtendChangeLocationActive,
  isAmendLocationActive,
  getMhrInformation,
  isMhrReRegistration,

ppr-ui/src/composables/mhrInformation/useMhrInfoValidation.ts

@@ -132,6 +132,14 @@ export const useMhrInfoValidation = (validationState: mhrInfoValidationStateIF)
  )
  })
 
+ const isValidExtendTransportPermit = computed((): boolean => {
+ return (
+ (isRoleStaffReg.value ? validationState.isDocumentIdValid : true) &&
+ ((isNotManufacturersLot.value && !isAmendLocationActive.value && !isActiveHomeOutsideBc.value)
+ ? validationState.isTaxCertificateValid : true)
+ )
+ })
+
  /**
  * Scroll to first designated error on Information or Review page
  * @param scrollToTop Force scroll to top of MHR
@@ -170,6 +178,7 @@ export const useMhrInfoValidation = (validationState: mhrInfoValidationStateIF)
  isValidTransferReview,
  isValidTransportPermit,
  isValidTransportPermitReview,
+ isValidExtendTransportPermit,
  scrollToFirstError,
  resetValidationState
  }

ppr-ui/src/composables/mhrInformation/useTransportPermits.ts

@@ -30,6 +30,8 @@ import { useMhrInformation } from '@/composables'
 const isChangeLocationActive: Ref<boolean> = ref(false)
 const isAmendLocationActive: Ref<boolean> = ref(false)
 const isCancelChangeLocationActive: Ref<boolean> = ref(false)
+const isExtendChangeLocationActive: Ref<boolean> = ref(false)
+
 
 export const useTransportPermits = () => {
  const {
@@ -120,6 +122,11 @@ export const useTransportPermits = () => {
  isCancelChangeLocationActive.value = val
  }
 
+ /** Toggle Extend location change flow **/
+ const setExtendLocationChange = (val: boolean) => {
+ isExtendChangeLocationActive.value = val
+ }
+
  const setLocationChangeType = (locationChangeType: LocationChangeTypes) => {
  setMhrTransportPermitLocationChangeType(locationChangeType)
  }
@@ -265,6 +272,13 @@ export const useTransportPermits = () => {
  // clean up UI only props
  delete payloadData.registrationStatus
 
+ // Modify payload for Extend Transport Permit
+ if (payloadData.locationChangeType === LocationChangeTypes.EXTEND_PERMIT) {
+ payloadData.extension = true
+ payloadData.newLocation = { ...payloadData.previousLocation, ...payloadData.newLocation }
+ delete payloadData.previousLocation
+ }
+
  return payloadData
  }
 
@@ -387,6 +401,7 @@ export const useTransportPermits = () => {
  isChangeLocationActive,
  isAmendLocationActive,
  isCancelChangeLocationActive,
+ isExtendChangeLocationActive,
  isChangeLocationEnabled,
  isAmendChangeLocationEnabled,
  isCancelChangeLocationEnabled,
@@ -404,6 +419,7 @@ export const useTransportPermits = () => {
  setLocationChangeType,
  setAmendLocationChange,
  setCancelLocationChange,
+ setExtendLocationChange,
  getUiLocationType,
  getUiFeeSummaryLocationType,
  populateLocationInfoForSamePark,

ppr-ui/src/enums/registrationTypes.ts

@@ -266,6 +266,7 @@ export enum APIMhrTypes {
  RESIDENTIAL_EXEMPTION = 'EXEMPTION_RES',
  MANUFACTURED_HOME_REGISTRATION = 'MHREG',
  TRANSPORT_PERMIT = 'PERMIT',
+ TRANSPORT_PERMIT_EXTEND = 'PERMIT_EXTEND',
  REGISTRY_STAFF_ADMIN = 'REG_STAFF_ADMIN'
 }
 

ppr-ui/src/enums/transportPermits.ts

@@ -2,5 +2,8 @@ export enum LocationChangeTypes {
  TRANSPORT_PERMIT = 'TRANSPORT_PERMIT',
  TRANSPORT_PERMIT_SAME_PARK = 'TRANSPORT_PERMIT_SAME_PARK',
  TRANSPORT_PERMIT_CANCEL = 'CANCEL_PERMIT',
- REGISTERED_LOCATION = 'REGISTERED_LOCATION'
+ REGISTERED_LOCATION = 'REGISTERED_LOCATION',
+ EXTEND_PERMIT = 'EXTEND_PERMIT',
+ PERMIT_EXTEND_API = 'PERMIT_EXTEND',
+ CREATE_NEW_PERMIT = 'CREATE_NEW_PERMIT'
 }

ppr-ui/src/resources/mhr-transport-permits/transport-permits.ts

@@ -20,5 +20,10 @@ export const locationChangeTypes = [
  type: LocationChangeTypes.TRANSPORT_PERMIT_CANCEL,
  title: 'Cancel Transport Permit',
  feeSummaryTitle: 'Cancel Transport Permit'
+ },
+ {
+ type: LocationChangeTypes.EXTEND_PERMIT,
+ title: 'Transport Permit - Extend',
+ feeSummaryTitle: 'Extend Transport Permit'
  }
 ]