18274 Updated To Do List and Recent Filing History

package.json

@@ -1,6 +1,6 @@
 {
   "name": "business-filings-ui",
-  "version": "7.0.11",
+  "version": "7.0.12",
   "private": true,
   "appName": "Filings UI",
   "sbcName": "SBC Common Components",

src/components/Dashboard/FilingHistoryList.vue

@@ -143,6 +143,7 @@ export default class FilingHistoryList extends Mixins(FilingMixin) {
   is (filing: ApiFilingIF): string {
     switch (true) {
       case filing.availableOnPaperOnly: return 'paper-filing' // must come first
+      case EnumUtilities.isTypeAgmExtension(filing): return 'agm-extension'
       case EnumUtilities.isTypeAlteration(filing): return 'alteration-filing'
       case EnumUtilities.isTypeChangeOfAddress(filing): return 'change-of-address'
       case EnumUtilities.isTypeConsentContinuationOut(filing): return 'consent-continuation-out'

src/components/Dashboard/FilingHistoryList/filings/AgmExtension.vue

@@ -0,0 +1,57 @@
+<template>
+  <FilingTemplate
+    class="agm-extension"
+    :filing="filing"
+    :index="index"
+  >
+    <template #body>
+      <div v-if="isFilingComplete">
+        <p class="mt-4">
+          The {{ agmYear }} AGM must be held by <strong>{{ agmDueDate }}</strong>.
+        </p>
+      </div>
+    </template>
+  </FilingTemplate>
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-property-decorator'
+import { ApiFilingIF } from '@/interfaces'
+import FilingTemplate from '../FilingTemplate.vue'
+import { DateUtilities, EnumUtilities } from '@/services'
+
+@Component({
+  components: { FilingTemplate }
+})
+export default class ConsentContinuationOut extends Vue {
+  @Prop({ required: true }) readonly filing!: ApiFilingIF
+  @Prop({ required: true }) readonly index!: number
+
+  /** Whether the filing is complete. */
+  get isFilingComplete (): boolean {
+    return EnumUtilities.isStatusCompleted(this.filing)
+  }
+
+  get agmYear (): string {
+    return this.filing.data?.agmExtension?.year || '[unknown]'
+  }
+
+  get agmDueDate (): string {
+    const yyyyMmDd = this.filing.data?.agmExtension?.expireDateApprovedExt
+    const date = DateUtilities.yyyyMmDdToDate(yyyyMmDd)
+    const pacificDate = DateUtilities.dateToPacificDate(date, true)
+    if (pacificDate) return `${pacificDate} at 11:59 pm Pacific time`
+    return '[unknown]'
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/styles/theme.scss";
+
+p {
+  color: $gray7;
+  font-size: $px-15;
+  margin-top: 1rem !important;
+}
+</style>

src/components/Dashboard/FilingHistoryList/filings/ConsentContinuationOut.vue

@@ -121,7 +121,7 @@ export default class ConsentContinuationOut extends Mixins(CountriesProvincesMix
   }
 
   /** Get the respective regions of the country selected as an array of objects. */
-  get canadaUsaRegions (): Array<object> {
+  get canadaUsaRegions (): Array<any> {
     const foreignJusrisdictionCountry = this.filing.data?.consentContinuationOut?.country
     if (foreignJusrisdictionCountry === 'CA') {
       return this.getCountryRegions('CA')
@@ -145,5 +145,4 @@ p {
 .warn-icon {
     margin-bottom: 6px;
 }
-
 </style>

src/components/Dashboard/FilingHistoryList/filings/ContinuationOut.vue

@@ -73,7 +73,7 @@ export default class ContinuationOut extends Mixins(CountriesProvincesMixin) {
   }
 
   /** Get the respective regions of the country selected as an array of objects. */
-  get canadaUsaRegions (): Array<object> {
+  get canadaUsaRegions (): Array<any> {
     const foreignJusrisdictionCountry = this.filing.data?.continuationOut?.country
     if (foreignJusrisdictionCountry === 'CA') {
       return this.getCountryRegions('CA')

src/components/Dashboard/FilingHistoryList/filings/index.ts

@@ -1,3 +1,4 @@
+export { default as AgmExtension } from './AgmExtension.vue'
 export { default as AlterationFiling } from './AlterationFiling.vue'
 export { default as ChangeOfAddress } from './ChangeOfAddress.vue'
 export { default as ConsentContinuationOut } from './ConsentContinuationOut.vue'

src/components/Dashboard/TodoList.vue

@@ -241,7 +241,7 @@
               <v-btn
                 class="ma-1 affiliation-invitation-action-button"
                 color="primary"
                 @click.native.stop="authorizeAffiliationInvitation(true, item)"
               >
                 <span>Authorize</span>
               </v-btn>
@@ -249,7 +249,7 @@
                 class="ma-1 affiliation-invitation-action-button"
                 outlined
                 color="primary"
                 @click.native.stop="authorizeAffiliationInvitation(false, item)"
               >
                 <span>Do not authorize</span>
               </v-btn>
@@ -315,7 +315,7 @@
                     class="btn-draft-resume"
                     color="primary"
                     :disabled="!item.enabled"
                     @click.native.stop="doResumeFiling(item)"
                   >
                     <template v-if="isTypeIncorporationApplication(item) && item.isEmptyFiling">
                       <span v-if="getNameRequest">Incorporate using this NR</span>
@@ -398,7 +398,7 @@
                     :class="{ 'cancellable' : isCancellableTodoItem(item) }"
                     color="primary"
                     :disabled="!item.enabled"
                     @click.native.stop="doResumePayment(item)"
                   >
                     <span>Change Payment Type</span>
                   </v-btn>
@@ -408,7 +408,7 @@
                     :class="{ 'cancellable' : isCancellableTodoItem(item) }"
                     color="primary"
                     :disabled="!item.enabled"
                     @click.native.stop="doResumePayment(item)"
                   >
                     <span>Resume Payment</span>
                   </v-btn>
@@ -426,7 +426,7 @@
                         color="primary"
                         :disabled="!item.enabled"
                         v-on="on"
                         @click.native.stop
                       >
                         <v-icon>mdi-menu-down</v-icon>
                       </v-btn>
@@ -448,7 +448,7 @@
                     class="btn-retry-payment"
                     color="primary"
                     :disabled="!item.enabled"
                     @click.native.stop="doResumePayment(item)"
                   >
                     <span>Retry Payment</span>
                   </v-btn>
@@ -643,7 +643,7 @@
   enableCheckbox: Array<any> = []
   confirmEnabled = false
   panel: number = null // currently expanded panel
-  checkTimer: number = null
+  checkTimer = null // may be type number or NodeJS.Timeout
   inProcessFiling: number = null
   fetchAffiliationInvitationsErrorDialog = false
   authorizeAffiliationInvitationErrorDialog = false
@@ -663,7 +663,6 @@
   @Getter(useRootStore) getTasks!: Array<ApiTaskIF>
   @Getter(useRootStore) getTodoListResource!: TodoListResourceIF
   @Getter(useBusinessStore) isBenBcCccUlc!: boolean
-  @Getter(useBusinessStore) isSoleProp!: boolean
 
   @Action(useRootStore) setARFilingYear!: (x: number) => void
   @Action(useRootStore) setArMinDate!: (x: string) => void
@@ -828,7 +827,10 @@
 
   /** Check if task item is cancellable (has a draft). */
   isCancellableTodoItem (item: TodoItemIF): boolean {
-    return (item.name !== FilingTypes.AGM_LOCATION_CHANGE)
+    return (
+      (item.name !== FilingTypes.AGM_EXTENSION) &&
+      (item.name !== FilingTypes.AGM_LOCATION_CHANGE)
+    )
   }
 
   /** Loads a todo item into the Todo Items array. */
@@ -999,6 +1001,9 @@
 
     if (header) {
       switch (header.name) {
+        case FilingTypes.AGM_EXTENSION:
+          await this.loadAgmExtension(task)
+          break
         case FilingTypes.AGM_LOCATION_CHANGE:
           await this.loadAgmLocationChange(task)
           break
@@ -1490,6 +1495,36 @@
     }
   }
 
+  async loadAgmExtension (task: ApiTaskIF): Promise<void> {
+    const filing = task.task.filing
+    const header = filing.header
+    const agmLocationChange = filing.agmLocationChange
+
+    if (header && agmLocationChange) {
+      const paymentStatusCode = header.paymentStatusCode
+      const payErrorObj = paymentStatusCode && await PayServices.getPayErrorObj(this.getPayApiUrl, paymentStatusCode)
+
+      const item = {
+        name: FilingTypes.AGM_EXTENSION,
+        filingId: header.filingId,
+        title: FilingNames.AGM_EXTENSION,
+        draftTitle: FilingNames.AGM_EXTENSION,
+        status: header.status,
+        enabled: task.enabled,
+        order: task.order,
+        paymentMethod: header.paymentMethod || null,
+        paymentToken: header.paymentToken || null,
+        payErrorObj,
+        // FUTURE: ideally, this would come from the filing:
+        warnings: this.getBusinessWarnings.map(warning => warning.message)
+      } as TodoItemIF
+      this.todoItems.push(item)
+    } else {
+      // eslint-disable-next-line no-console
+      console.log('ERROR - invalid header or business in filing =', filing)
+    }
+  }
+
   async loadAgmLocationChange (task: ApiTaskIF): Promise<void> {
     const filing = task.task.filing
     const header = filing.header

src/components/EntityInfo/EntityMenu.vue

@@ -257,7 +257,7 @@ export default class EntityMenu extends Mixins(AllowableActionsMixin) {
 
   /** The tooltip text for AGM Extension list item. Text is different if action item is disabled. */
   get agmExtensionToolTipText (): string {
-    if (!this.isAllowed(AllowableActions.AGM_LOCATION_CHANGE)) {
+    if (!this.isAllowed(AllowableActions.AGM_EXTENSION)) {
       return 'The business must be in good standing to request an AGM extension.'
     } else {
       return 'Request an AGM extension. The longest extension granted at one time is six months.'

src/components/common/ForeignJurisdiction.vue

@@ -80,7 +80,7 @@ export default class ForeignJurisdiction extends Mixins(CountriesProvincesMixin)
   }
 
   /** Get the respective regions of the country selected as an array of objects. */
-  get canadaUsaRegions (): Array<object> {
+  get canadaUsaRegions (): Array<any> {
     if (this.selectedCountryName === 'Canada') {
       let regions = this.getCountryRegions('CA')
       regions = regions.filter(province => province.short !== 'BC')

src/interfaces/api-filing-interface.ts

@@ -41,9 +41,21 @@ export interface ApiFilingIF {
       freeze: boolean
     }
 
+    agmExtension?: {
+      year: string // YYYY-MM-DD
+      isFirstAgm: boolean
+      prevAgmRefDate: string // YYYY-MM-DD
+      extReqForAgmYear: boolean
+      expireDateCurrExt: string // YYYY-MM-DD
+      intendedAgmDate: string // YYYY-MM-DD
+      totalApprovedExt: number // in months
+      extensionDuration: number // in months
+      expireDateApprovedExt: string // YYYY-MM-DD
+    }
+
     agmLocationChange?: {
-      year: string,
-      reason: string,
+      year: string
+      reason: string
       agmLocation: string
     }
 

src/services/enum-utilities.ts

@@ -67,6 +67,16 @@ export default class EnumUtilities {
   // Filing Type helpers
   //
 
+  /** Returns True if filing is an AGM Extension. */
+  static isTypeAgmExtension (item: any): boolean {
+    return (item.name === FilingTypes.AGM_EXTENSION)
+  }
+
+  /** Returns True if filing is an AGM Location Change. */
+  static isTypeAgmLocationChange (item: any): boolean {
+    return (item.name === FilingTypes.AGM_LOCATION_CHANGE)
+  }
+
   /** Returns True if filing is an Alteration. */
   static isTypeAlteration (item: any): boolean {
     return (item.name === FilingTypes.ALTERATION)

src/views/AgmExtension.vue

@@ -427,6 +427,16 @@ export default class AgmExtension extends Mixins(CommonMixin, DateMixin,
 
     const data: any = {
       [FilingTypes.AGM_EXTENSION]: {
+        // convert local properties into API/schema properties
+        year: this.data.agmYear,
+        isFirstAgm: this.data.isFirstAgm,
+        prevAgmRefDate: this.data.prevAgmDate,
+        extReqForAgmYear: this.data.isPrevExtension,
+        expireDateCurrExt: this.data.prevExpiryDate,
+        intendedAgmDate: this.data.intendedAgmDate,
+        totalApprovedExt: this.data.extensionDuration,
+        expireDateApprovedExt: this.data.agmDueDate,
+        // add in remaining local properties for future auditing
         ...this.data
       }
     }