From ccf0188cca3412b4a286b0947915ca1fa526d9de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9verin=20Beauvais?=
 <severinbeauvais@users.noreply.github.com>
Date: Wed, 3 Jan 2024 16:18:40 -0800
Subject: [PATCH] 19005 Implemented historical - amalgamation reason text
 (#604)

- app version = 7.0.30
- updated some code comments
- added AmalgamatedInto interface object
- added enum mixin and utility functions
- added some business store getters
- refactored getReasonText() and added case for amalgamation
- cast some parameters to pre-empt code errors
- added/updated unit tests

Co-authored-by: Severin Beauvais <severin.beauvais@gov.bc.ca>
---
 package-lock.json                           |   4 +-
 package.json                                |   2 +-
 src/components/Dashboard/TodoList.vue       |   2 +-
 src/interfaces/business-state-interfaces.ts |   9 +
 src/mixins/enum-mixin.ts                    |   5 +
 src/services/enum-utilities.ts              |   5 +
 src/stores/businessStore.ts                 |  12 +-
 src/stores/filingHistoryListStore.ts        |   4 +-
 src/stores/rootStore.ts                     |  78 ++++--
 src/views/AgmExtension.vue                  |   2 +-
 src/views/AgmLocationChg.vue                |   2 +-
 src/views/AnnualReport.vue                  |   2 +-
 src/views/ConsentContinuationOut.vue        |   2 +-
 src/views/ContinuationOut.vue               |   2 +-
 src/views/Correction.vue                    |   2 +-
 src/views/StandaloneDirectorsFiling.vue     |   2 +-
 src/views/StandaloneOfficeAddressFiling.vue |   2 +-
 tests/unit/App.spec.ts                      | 261 +++++++++++++++++++-
 18 files changed, 352 insertions(+), 46 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ddfb620ae..bc686d8d2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "business-filings-ui",
-  "version": "7.0.29",
+  "version": "7.0.30",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "business-filings-ui",
-      "version": "7.0.29",
+      "version": "7.0.30",
       "dependencies": {
         "@babel/compat-data": "^7.21.5",
         "@bcrs-shared-components/base-address": "2.0.9",
diff --git a/package.json b/package.json
index 43e632f80..cb87dceb8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "business-filings-ui",
-  "version": "7.0.29",
+  "version": "7.0.30",
   "private": true,
   "appName": "Filings UI",
   "sbcName": "SBC Common Components",
diff --git a/src/components/Dashboard/TodoList.vue b/src/components/Dashboard/TodoList.vue
index e62427870..049647187 100644
--- a/src/components/Dashboard/TodoList.vue
+++ b/src/components/Dashboard/TodoList.vue
@@ -528,7 +528,7 @@
             </div>
           </template>
 
-          <!-- is this a draft IA or Registration? -->
+          <!-- is this a draft Amalgamation or IA or Registration? -->
           <template
             v-else-if="isStatusDraft(item) && (isTypeAmalgamation(item) || isTypeIncorporationApplication(item) ||
               isTypeRegistration(item))"
diff --git a/src/interfaces/business-state-interfaces.ts b/src/interfaces/business-state-interfaces.ts
index dd0ba933a..5d7d5b242 100644
--- a/src/interfaces/business-state-interfaces.ts
+++ b/src/interfaces/business-state-interfaces.ts
@@ -1,4 +1,5 @@
 import { EntityState, CorpTypeCd, FilingSubTypes, FilingTypes } from '@/enums'
+import { AmalgamationTypes } from '@bcrs-shared-components/enums'
 import { IsoDatePacific, ApiDateTimeUtc } from '@bcrs-shared-components/interfaces'
 
 export interface FilingTypeIF {
@@ -25,6 +26,13 @@ export interface AlternateNameIF {
   operatingName: string
 }
 
+export interface AmalgamatedIntoIF {
+  amalgamationDate: ApiDateTimeUtc
+  amalgamationType: AmalgamationTypes
+  identifier: string // eg, BC7654321
+  legalName: string
+}
+
 export interface BusinessWarningIF {
   code: string // FUTURE: use an enum
   filing?: string // not used
@@ -38,6 +46,7 @@ export interface ApiBusinessIF {
   adminFreeze: boolean
   allowedActions: AllowedActionsIF
   alternateNames?: Array<AlternateNameIF>
+  amalgamatedInto?: AmalgamatedIntoIF
   arMaxDate?: IsoDatePacific // not used
   arMinDate?: IsoDatePacific // not used
   associationType: string // COOP only
diff --git a/src/mixins/enum-mixin.ts b/src/mixins/enum-mixin.ts
index 1326f3a21..5f098ebed 100644
--- a/src/mixins/enum-mixin.ts
+++ b/src/mixins/enum-mixin.ts
@@ -70,6 +70,11 @@ export default class EnumMixin extends Vue {
     return (item.name === FilingTypes.CORRECTION)
   }
 
+  /** DEPRECATED Returns True if filing is a Dissolution. */
+  isTypeDissolution (item: any): boolean {
+    return (item.name === FilingTypes.DISSOLUTION)
+  }
+
   /** DEPRECATED Returns True if filing is an Incorporation Application. */
   isTypeIncorporationApplication (item: any): boolean {
     return (item.name === FilingTypes.INCORPORATION_APPLICATION)
diff --git a/src/services/enum-utilities.ts b/src/services/enum-utilities.ts
index bd5afd232..8972c61c4 100644
--- a/src/services/enum-utilities.ts
+++ b/src/services/enum-utilities.ts
@@ -127,6 +127,11 @@ export default class EnumUtilities {
     return (item.name === FilingTypes.CORRECTION)
   }
 
+  /** Returns True if filing is a Dissolution. */
+  static isTypeDissolution (item: any): boolean {
+    return (item.name === FilingTypes.DISSOLUTION)
+  }
+
   /** Returns True if filing is an Amalgamation. */
   static isTypeAmalgamation (item: any): boolean {
     return (item.name === FilingTypes.AMALGAMATION_APPLICATION)
diff --git a/src/stores/businessStore.ts b/src/stores/businessStore.ts
index 454899750..417d50370 100644
--- a/src/stores/businessStore.ts
+++ b/src/stores/businessStore.ts
@@ -1,4 +1,5 @@
-import { AllowedActionsIF, ApiBusinessIF, ApiDateTimeUtc, BusinessStateIF, BusinessWarningIF } from '@/interfaces'
+import { AllowedActionsIF, AmalgamatedIntoIF, ApiBusinessIF, ApiDateTimeUtc, BusinessStateIF, BusinessWarningIF }
+  from '@/interfaces'
 import { defineStore } from 'pinia'
 import { CorpTypeCd, EntityState } from '@/enums'
 import { DateUtilities, LegalServices } from '@/services/'
@@ -34,11 +35,16 @@ export const useBusinessStore = defineStore('business', {
   }),
 
   getters: {
-    /** The allowed actions object. */
+    /** The Allowed Actions object. */
     getAllowedActions (state: BusinessStateIF): AllowedActionsIF {
       return state.businessInfo.allowedActions
     },
 
+    /** The Amalgamated Info object. */
+    getAmalgamatedInto (state: BusinessStateIF): AmalgamatedIntoIF {
+      return state.businessInfo.amalgamatedInto
+    },
+
     /** The business number (aka Tax ID). */
     getBusinessNumber (state: BusinessStateIF): string {
       return state.businessInfo.taxId
@@ -49,7 +55,7 @@ export const useBusinessStore = defineStore('business', {
       return state.businessInfo.warnings
     },
 
-    /** The business state.businessInfo. */
+    /** The business state. */
     getBusinessState (state: BusinessStateIF): EntityState {
       return state.businessInfo.state
     },
diff --git a/src/stores/filingHistoryListStore.ts b/src/stores/filingHistoryListStore.ts
index 567723ca9..d63a1f47f 100644
--- a/src/stores/filingHistoryListStore.ts
+++ b/src/stores/filingHistoryListStore.ts
@@ -38,7 +38,7 @@ export const useFilingHistoryListStore = defineStore('filingHistoryList', {
       })
     },
 
-    /** Returns the total AGM extension duration requires argument for year */
+    /** The function to compute total AGM extension duration. Requires argument for AGM Year. */
     getTotalAgmExtensionDuration (state: FilingHistoryListStateIF): (year: number) => number {
       return (year: number) => {
         return state.filings.reduce((totalMonths, filing) => {
@@ -47,11 +47,11 @@ export const useFilingHistoryListStore = defineStore('filingHistoryList', {
             return totalMonths
           }
           const filingExtension = filing.data?.agmExtension
-          // Cast year as number
           // Skip if extension data is missing
           if (!filingExtension) {
             return totalMonths
           }
+          // Cast year as number
           // Skip if years don't match
           if (Number(filingExtension.year) !== year) {
             return totalMonths
diff --git a/src/stores/rootStore.ts b/src/stores/rootStore.ts
index 95876f72e..f0cf45d95 100644
--- a/src/stores/rootStore.ts
+++ b/src/stores/rootStore.ts
@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia'
 import { CorpTypeCd, EntityStatus, FilingSubTypes, FilingTypes } from '@/enums'
-import { ApiTaskIF, DissolutionConfirmationResourceIF, FilingDataIF, OfficeAddressIF, PartyIF, RootStateIF,
-  TodoListResourceIF, IsoDatePacific, StateFilingIF } from '@/interfaces'
+import { ApiTaskIF, DissolutionConfirmationResourceIF, FilingDataIF, OfficeAddressIF, PartyIF,
+  RootStateIF, TodoListResourceIF, IsoDatePacific, StateFilingIF } from '@/interfaces'
 import { DateUtilities, EnumUtilities, LegalServices } from '@/services'
 import { useBusinessStore } from './businessStore'
 import { useFilingHistoryListStore } from './filingHistoryListStore'
@@ -225,40 +225,74 @@ export const useRootStore = defineStore('root', {
       return state.stateFiling
     },
 
-    /**
-     * A formatted concatenation of the name and the effective date of the filing.
-     * Only used when entity is historical.
-     */
+    /** The historical reason text to display in the info header. */
     getReasonText (): string {
+      const enDash = '–' // ALT + 0150
       const businessStore = useBusinessStore()
-      const stateFiling = this.getStateFiling as StateFilingIF // may be null
 
+      if (!businessStore.isHistorical) return null // safety check
+
+      // check if historical reason is amalgamation
+      const amalgamatedInto = businessStore.getAmalgamatedInto
+      if (amalgamatedInto) return reasonTextAmalgamation()
+
+      // get state filing (may be null)
+      const stateFiling = this.getStateFiling as StateFilingIF
       const filingType = stateFiling?.header?.name
       if (!filingType) return null // safety check
 
-      // create reason text to display in the info header
-      let name: string
-      let date: string
+      // check if historical reason is dissolution
+      if (filingType === FilingTypes.DISSOLUTION) return reasonTextDissolution()
+
+      // check if historical reason is continuation out
+      if (filingType === FilingTypes.CONTINUATION_OUT) return reasonTextContinuationOut()
+
+      // fallback reason text
+      return reasonTextOther()
 
-      if (filingType === FilingTypes.DISSOLUTION) {
-        name = EnumUtilities.dissolutionTypeToName(
+      //
+      // helper functions
+      //
+
+      /** The reason text for a business made historical by an amalgamation. */
+      function reasonTextAmalgamation (): string {
+        const name = 'Amalgamation'
+        const amalgamationDate = DateUtilities.apiToDate(amalgamatedInto.amalgamationDate)
+        if (!amalgamationDate) throw new Error('Invalid amalgamation date')
+        const date = DateUtilities.dateToPacificDate(amalgamationDate, true)
+        const identifier = amalgamatedInto.identifier || 'Unknown Company'
+        return `${name} ${enDash} ${date} ${enDash} ${identifier}`
+      }
+
+      /** The reason text for a business made historical by a dissolution. */
+      function reasonTextDissolution (): string {
+        const name = EnumUtilities.dissolutionTypeToName(
           businessStore.isFirm,
-          (stateFiling?.dissolution?.dissolutionType as FilingSubTypes)
+          (stateFiling.dissolution?.dissolutionType as FilingSubTypes)
         )
         const dissolutionDate = DateUtilities.yyyyMmDdToDate(stateFiling.dissolution?.dissolutionDate)
         if (!dissolutionDate) throw new Error('Invalid dissolution date')
-        date = DateUtilities.dateToPacificDate(dissolutionDate, true)
-      } else {
-        name = (filingType === FilingTypes.CONTINUATION_OUT)
-          ? 'Continued Out'
-          : EnumUtilities.filingTypeToName(filingType)
-        const effectiveDate = DateUtilities.apiToDate(stateFiling.header.effectiveDate)
+        const date = DateUtilities.dateToPacificDate(dissolutionDate, true)
+        return `${name} ${enDash} ${date}`
+      }
+
+      /** The reason text for a business made historical by a continuation out. */
+      function reasonTextContinuationOut (): string {
+        const name = 'Continued Out'
+        const effectiveDate = DateUtilities.apiToDate(stateFiling.header?.effectiveDate)
         if (!effectiveDate) throw new Error('Invalid effective date')
-        date = DateUtilities.dateToPacificDateTime(effectiveDate)
+        const dateTime = DateUtilities.dateToPacificDateTime(effectiveDate)
+        return `${name} ${enDash} ${dateTime}`
       }
 
-      const enDash = '–' // ALT + 0150
-      return `${name} ${enDash} ${date}`
+      /** The reason text for a business made historical by some other state filing. */
+      function reasonTextOther (): string {
+        const name = EnumUtilities.filingTypeToName(filingType)
+        const effectiveDate = DateUtilities.apiToDate(stateFiling.header?.effectiveDate)
+        if (!effectiveDate) throw new Error('Invalid effective date')
+        const dateTime = DateUtilities.dateToPacificDateTime(effectiveDate)
+        return `${name} ${enDash} ${dateTime}`
+      }
     },
 
     /** The limited restoration active-until date, if it exists, otherwise null. */
diff --git a/src/views/AgmExtension.vue b/src/views/AgmExtension.vue
index d39532dc8..cee2f406a 100644
--- a/src/views/AgmExtension.vue
+++ b/src/views/AgmExtension.vue
@@ -454,7 +454,7 @@ export default class AgmExtension extends Mixins(CommonMixin, DateMixin,
         ret = await LegalServices.createFiling(this.getIdentifier, filing, isDraft)
       }
       return ret
-    } catch (error) {
+    } catch (error: any) {
       // save errors or warnings, if any
       this.saveErrors = error?.response?.data?.errors || []
       this.saveWarnings = error?.response?.data?.warnings || []
diff --git a/src/views/AgmLocationChg.vue b/src/views/AgmLocationChg.vue
index af1f6a6cf..39f336eda 100644
--- a/src/views/AgmLocationChg.vue
+++ b/src/views/AgmLocationChg.vue
@@ -561,7 +561,7 @@ export default class AgmLocationChg extends Mixins(CommonMixin, DateMixin,
         ret = await LegalServices.createFiling(this.getIdentifier, filing, isDraft)
       }
       return ret
-    } catch (error) {
+    } catch (error: any) {
       // save errors or warnings, if any
       this.saveErrors = error?.response?.data?.errors || []
       this.saveWarnings = error?.response?.data?.warnings || []
diff --git a/src/views/AnnualReport.vue b/src/views/AnnualReport.vue
index d629aed30..e4ebd7295 100644
--- a/src/views/AnnualReport.vue
+++ b/src/views/AnnualReport.vue
@@ -1134,7 +1134,7 @@ export default class AnnualReport extends Mixins(CommonMixin, DateMixin, FilingM
         ret = await LegalServices.createFiling(this.getIdentifier, filing, isDraft)
       }
       return ret
-    } catch (error) {
+    } catch (error: any) {
       // save errors or warnings, if any
       this.saveErrors = error?.response?.data?.errors || []
       this.saveWarnings = error?.response?.data?.warnings || []
diff --git a/src/views/ConsentContinuationOut.vue b/src/views/ConsentContinuationOut.vue
index ede34ef7f..cdc827f3d 100644
--- a/src/views/ConsentContinuationOut.vue
+++ b/src/views/ConsentContinuationOut.vue
@@ -847,7 +847,7 @@ export default class ConsentContinuationOut extends Mixins(CommonMixin, DateMixi
         ret = await LegalServices.createFiling(this.getIdentifier, filing, isDraft)
       }
       return ret
-    } catch (error) {
+    } catch (error: any) {
       // save errors or warnings, if any
       this.saveErrors = error?.response?.data?.errors || []
       this.saveWarnings = error?.response?.data?.warnings || []
diff --git a/src/views/ContinuationOut.vue b/src/views/ContinuationOut.vue
index 985bbe5e1..176acc3bb 100644
--- a/src/views/ContinuationOut.vue
+++ b/src/views/ContinuationOut.vue
@@ -838,7 +838,7 @@ export default class ContinuationOut extends Mixins(CommonMixin, DateMixin,
         ret = await LegalServices.createFiling(this.getIdentifier, filing, isDraft)
       }
       return ret
-    } catch (error) {
+    } catch (error: any) {
       // save errors or warnings, if any
       this.saveErrors = error?.response?.data?.errors || []
       this.saveWarnings = error?.response?.data?.warnings || []
diff --git a/src/views/Correction.vue b/src/views/Correction.vue
index 0c248986a..b3343ca14 100644
--- a/src/views/Correction.vue
+++ b/src/views/Correction.vue
@@ -755,7 +755,7 @@ export default class Correction extends Mixins(CommonMixin, DateMixin, EnumMixin
         ret = await LegalServices.createFiling(this.getIdentifier, filing, isDraft)
       }
       return ret
-    } catch (error) {
+    } catch (error: any) {
       // save errors or warnings, if any
       this.saveErrors = error?.response?.data?.errors || []
       this.saveWarnings = error?.response?.data?.warnings || []
diff --git a/src/views/StandaloneDirectorsFiling.vue b/src/views/StandaloneDirectorsFiling.vue
index d378434e6..a36cfdb6b 100644
--- a/src/views/StandaloneDirectorsFiling.vue
+++ b/src/views/StandaloneDirectorsFiling.vue
@@ -879,7 +879,7 @@ export default class StandaloneDirectorsFiling extends Mixins(CommonMixin, DateM
         ret = await LegalServices.createFiling(this.getIdentifier, filing, isDraft)
       }
       return ret
-    } catch (error) {
+    } catch (error: any) {
       // save errors or warnings, if any
       this.saveErrors = error?.response?.data?.errors || []
       this.saveWarnings = error?.response?.data?.warnings || []
diff --git a/src/views/StandaloneOfficeAddressFiling.vue b/src/views/StandaloneOfficeAddressFiling.vue
index b7f840d53..ef33b24b2 100644
--- a/src/views/StandaloneOfficeAddressFiling.vue
+++ b/src/views/StandaloneOfficeAddressFiling.vue
@@ -755,7 +755,7 @@ export default class StandaloneOfficeAddressFiling extends Mixins(CommonMixin, D
         ret = await LegalServices.createFiling(this.getIdentifier, filing, isDraft)
       }
       return ret
-    } catch (error) {
+    } catch (error: any) {
       // save errors or warnings, if any
       this.saveErrors = error?.response?.data?.errors || []
       this.saveWarnings = error?.response?.data?.warnings || []
diff --git a/tests/unit/App.spec.ts b/tests/unit/App.spec.ts
index 410cbe8d3..7b48c6e77 100644
--- a/tests/unit/App.spec.ts
+++ b/tests/unit/App.spec.ts
@@ -1598,7 +1598,7 @@ describe('App as a COMPLETED Incorporation Application', () => {
   })
 })
 
-describe('App as an historical business', () => {
+describe('App as an historical business - Amalgamation', () => {
   let wrapper: Wrapper<Vue>
 
   beforeAll(() => {
@@ -1650,9 +1650,127 @@ describe('App as an historical business', () => {
       .returns(new Promise(resolve => resolve({
         data: {
           business: {
-            arMaxDate: '2021-12-10',
-            arMinDate: '2022-12-02',
-            dissolutionDate: '2021-12-06',
+            amalgamatedInto: {
+              amalgamationDate: '2023-12-01T08:00:00+00:00',
+              amalgamationType: AmalgamationTypes.REGULAR,
+              identifier: 'BC7654321',
+              legalName: 'Amalgamated Business Name Ltd.'
+            },
+            foundingDate: '2021-12-02T20:15:00+00:00',
+            goodStanding: true,
+            hasRestrictions: false,
+            identifier: 'BC1234567',
+            lastAddressChangeDate: '2021-12-02',
+            lastAnnualReportDate: '',
+            lastDirectorChangeDate: '2021-12-02',
+            legalName: 'HISTORICAL CORP.',
+            legalType: 'BEN',
+            nextAnnualReport: '2022-12-02T08:00:00+00:00',
+            state: 'HISTORICAL',
+            stateFiling: null,
+            submitter: 'bcsc/pmd3qdz4hzr3hpwbm7jwufel6flpqtyj'
+          }
+        }
+      })))
+
+    // GET tasks
+    get.withArgs('businesses/BC1234567/tasks')
+      .returns(new Promise(resolve => resolve({ data: { tasks: [] } })))
+
+    // GET filings
+    get.withArgs('businesses/BC1234567/filings')
+      .returns(new Promise(resolve => resolve({ data: { filings: [] } })))
+
+    // GET addresses
+    get.withArgs('businesses/BC1234567/addresses')
+      .returns(new Promise(resolve => resolve({ data: {} })))
+
+    // GET directors
+    get.withArgs('businesses/BC1234567/parties')
+      .returns(new Promise(resolve => resolve({ data: { parties: [] } })))
+
+    // create a Local Vue and install router on it
+    const localVue = createLocalVue()
+    localVue.use(VueRouter)
+    const router = mockRouter.mock()
+    router.push({ name: 'dashboard' })
+
+    wrapper = shallowMount(App, {
+      localVue,
+      router,
+      vuetify
+    })
+
+    // wait for everything to settle
+    await flushPromises()
+  })
+
+  afterEach(() => {
+    sinon.restore()
+    wrapper.destroy()
+  })
+
+  it('fetches and parses state filing properly', () => {
+    expect(businessStore.isActive).toBe(false)
+    expect(businessStore.isHistorical).toBe(true)
+    expect(businessStore.isLiquidation).toBe(false)
+    expect(rootStore.getReasonText).toBe('Amalgamation – December 1, 2023 – BC7654321')
+  })
+})
+
+describe('App as an historical business - Voluntary Dissolution', () => {
+  let wrapper: Wrapper<Vue>
+
+  beforeAll(() => {
+    // clear store
+    rootStore.setTasks([])
+    filingHistoryListStore.setFilings([])
+
+    sessionStorage.clear()
+    sessionStorage.setItem('KEYCLOAK_TOKEN', KEYCLOAK_TOKEN_USER)
+    sessionStorage.setItem('BUSINESS_ID', 'BC1234567')
+  })
+
+  beforeEach(async () => {
+    const get = sinon.stub(axios, 'get')
+
+    // GET authorizations (role) from Auth API
+    get.withArgs('entities/BC1234567/authorizations')
+      .returns(new Promise(resolve => resolve({
+        data:
+        {
+          roles: ['edit', 'view']
+        }
+      })))
+
+    // GET user info from Auth API
+    get.withArgs('users/@me')
+      .returns(new Promise(resolve => resolve({
+        data: USER_INFO
+      })))
+
+    // GET entity info from Auth API
+    get.withArgs('entities/BC1234567')
+      .returns(new Promise(resolve => resolve({
+        data:
+        {
+          // Auth API Entity data
+          contacts: [
+            {
+              email: 'first.last@email.com',
+              phone: '(111)-222-3333',
+              phoneExtension: '444'
+            }
+          ]
+        }
+      })))
+
+    // GET business info from Legal API
+    get.withArgs('businesses/BC1234567')
+      .returns(new Promise(resolve => resolve({
+        data: {
+          business: {
+            dissolutionDate: '2023-12-01',
             foundingDate: '2021-12-02T20:15:00+00:00',
             goodStanding: true,
             hasRestrictions: false,
@@ -1686,10 +1804,10 @@ describe('App as an historical business', () => {
             business: {},
             dissolution: {
               dissolutionType: 'voluntary',
-              dissolutionDate: '2021-12-01'
+              dissolutionDate: '2023-12-01'
             },
             header: {
-              effectiveDate: '2021-12-06T20:05:35.168290+00:00',
+              effectiveDate: '2023-12-01T08:00:00+00:00',
               name: 'dissolution'
             }
           }
@@ -1729,7 +1847,136 @@ describe('App as an historical business', () => {
     expect(businessStore.isActive).toBe(false)
     expect(businessStore.isHistorical).toBe(true)
     expect(businessStore.isLiquidation).toBe(false)
-    expect(rootStore.getReasonText).toBe('Voluntary Dissolution – December 1, 2021')
+    expect(rootStore.getReasonText).toBe('Voluntary Dissolution – December 1, 2023')
+  })
+})
+
+describe('App as an historical business - Continuation Out', () => {
+  let wrapper: Wrapper<Vue>
+
+  beforeAll(() => {
+    // clear store
+    rootStore.setTasks([])
+    filingHistoryListStore.setFilings([])
+
+    sessionStorage.clear()
+    sessionStorage.setItem('KEYCLOAK_TOKEN', KEYCLOAK_TOKEN_USER)
+    sessionStorage.setItem('BUSINESS_ID', 'BC1234567')
+  })
+
+  beforeEach(async () => {
+    const get = sinon.stub(axios, 'get')
+
+    // GET authorizations (role) from Auth API
+    get.withArgs('entities/BC1234567/authorizations')
+      .returns(new Promise(resolve => resolve({
+        data:
+        {
+          roles: ['edit', 'view']
+        }
+      })))
+
+    // GET user info from Auth API
+    get.withArgs('users/@me')
+      .returns(new Promise(resolve => resolve({
+        data: USER_INFO
+      })))
+
+    // GET entity info from Auth API
+    get.withArgs('entities/BC1234567')
+      .returns(new Promise(resolve => resolve({
+        data:
+        {
+          // Auth API Entity data
+          contacts: [
+            {
+              email: 'first.last@email.com',
+              phone: '(111)-222-3333',
+              phoneExtension: '444'
+            }
+          ]
+        }
+      })))
+
+    // GET business info from Legal API
+    get.withArgs('businesses/BC1234567')
+      .returns(new Promise(resolve => resolve({
+        data: {
+          business: {
+            foundingDate: '2021-12-02T20:15:00+00:00',
+            goodStanding: true,
+            hasRestrictions: false,
+            identifier: 'BC1234567',
+            lastAddressChangeDate: '2021-12-02',
+            lastAnnualReportDate: '',
+            lastDirectorChangeDate: '2021-12-02',
+            legalName: 'HISTORICAL CORP.',
+            legalType: 'BEN',
+            nextAnnualReport: '2022-12-02T08:00:00+00:00',
+            state: 'HISTORICAL',
+            stateFiling: 'businesses/BC1234567/filings/113526',
+            submitter: 'bcsc/pmd3qdz4hzr3hpwbm7jwufel6flpqtyj'
+          }
+        }
+      })))
+
+    // GET tasks
+    get.withArgs('businesses/BC1234567/tasks')
+      .returns(new Promise(resolve => resolve({ data: { tasks: [] } })))
+
+    // GET filings
+    get.withArgs('businesses/BC1234567/filings')
+      .returns(new Promise(resolve => resolve({ data: { filings: [] } })))
+
+    // GET state filing
+    get.withArgs('businesses/BC1234567/filings/113526')
+      .returns(new Promise(resolve => resolve({
+        data: {
+          filing: {
+            business: {},
+            continuationOut: {},
+            header: {
+              effectiveDate: '2023-12-01T08:01:00+00:00',
+              name: 'continuationOut'
+            }
+          }
+        }
+      })))
+
+    // GET addresses
+    get.withArgs('businesses/BC1234567/addresses')
+      .returns(new Promise(resolve => resolve({ data: {} })))
+
+    // GET directors
+    get.withArgs('businesses/BC1234567/parties')
+      .returns(new Promise(resolve => resolve({ data: { parties: [] } })))
+
+    // create a Local Vue and install router on it
+    const localVue = createLocalVue()
+    localVue.use(VueRouter)
+    const router = mockRouter.mock()
+    router.push({ name: 'dashboard' })
+
+    wrapper = shallowMount(App, {
+      localVue,
+      router,
+      vuetify
+    })
+
+    // wait for everything to settle
+    await flushPromises()
+  })
+
+  afterEach(() => {
+    sinon.restore()
+    wrapper.destroy()
+  })
+
+  it('fetches and parses state filing properly', () => {
+    expect(businessStore.isActive).toBe(false)
+    expect(businessStore.isHistorical).toBe(true)
+    expect(businessStore.isLiquidation).toBe(false)
+    expect(rootStore.getReasonText).toBe('Continued Out – December 1, 2023 at 12:01 am Pacific time')
   })
 })