From c639e38067e93682e19c8b44e9dfd0c0058bb7c9 Mon Sep 17 00:00:00 2001
From: Severin Beauvais <severin.beauvais@gov.bc.ca>
Date: Fri, 4 Oct 2024 16:13:39 -0700
Subject: [PATCH] - app version = 5.12.2 - updated NameRequestInfo to support
 hiding name request applicant block - created AuthorizationInformation
 component (NEEDS UNIT TEST) - misc cleanup - added expro confirmation
 property - WIP WIP WIP

---
 package-lock.json                             |   4 +-
 package.json                                  |   2 +-
 .../AuthorizationInformation.vue              | 325 ++++++++++++++++++
 .../SummaryBusinessPreviousJurisdiction.vue   |  18 +-
 .../SummaryExtraprovincialRegistration.vue    |  59 ++--
 src/components/common/NameRequestInfo.vue     |   9 +-
 .../filing-interfaces/filing-interfaces.ts    |   1 +
 .../existing-business-info-interface.ts       |   1 +
 src/mixins/filing-template-mixin.ts           |  12 +-
 .../ContinuationInBusinessBc.vue              |  57 +--
 .../ContinuationInReviewConfirm.vue           |  11 +-
 11 files changed, 441 insertions(+), 58 deletions(-)
 create mode 100644 src/components/ContinuationIn/AuthorizationInformation.vue

diff --git a/package-lock.json b/package-lock.json
index b6cc03bf..f393f7fe 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "business-create-ui",
-  "version": "5.12.1",
+  "version": "5.12.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "business-create-ui",
-      "version": "5.12.1",
+      "version": "5.12.2",
       "dependencies": {
         "@babel/compat-data": "^7.21.5",
         "@bcrs-shared-components/approval-type": "1.1.2",
diff --git a/package.json b/package.json
index acfb1a28..1ff08514 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "business-create-ui",
-  "version": "5.12.1",
+  "version": "5.12.2",
   "private": true,
   "appName": "Create UI",
   "sbcName": "SBC Common Components",
diff --git a/src/components/ContinuationIn/AuthorizationInformation.vue b/src/components/ContinuationIn/AuthorizationInformation.vue
new file mode 100644
index 00000000..a1109872
--- /dev/null
+++ b/src/components/ContinuationIn/AuthorizationInformation.vue
@@ -0,0 +1,325 @@
+<template>
+  <div id="authorization-information">
+    <GenericErrorDialog
+      attach="#authorization-information"
+      :dialog="errorDialog"
+      :text="errorDialogText"
+      :title="errorDialogTitle"
+      @close="errorDialog = false"
+    />
+
+    <v-card
+      flat
+      class="py-8 px-6"
+    >
+      <!-- Extraprovincial Registration in B.C. -->
+      <v-row
+        v-if="isExpro"
+        no-gutters
+      >
+        <v-col
+          cols="12"
+          sm="3"
+          class="pr-4"
+        >
+          <label>Extraprovincial Registration in B.C.</label>
+        </v-col>
+
+        <v-col
+          cols="12"
+          sm="9"
+          class="pt-4 pt-sm-0"
+        >
+          <ul class="pl-1">
+            <li>
+              <strong>Registration Number in B.C.:</strong>
+              <span class="pl-2">{{ getExistingBusinessInfo.bcRegistrationNumber || '[Unknown]' }}</span>
+            </li>
+            <li>
+              <strong>Registered Name in B.C.:</strong>
+              <span class="pl-2">{{ getExistingBusinessInfo.bcRegisteredName || '[Unknown]' }}</span>
+            </li>
+            <li>
+              <strong>Date of Registration in B.C.:</strong>
+              <span class="pl-2">{{ registrationDateBc || '[Unknown]' }}</span>
+            </li>
+          </ul>
+        </v-col>
+      </v-row>
+
+      <v-divider
+        v-if="isExpro"
+        class="my-6"
+      />
+
+      <!-- Your Business in Previous Jurisdiction -->
+      <v-row no-gutters>
+        <v-col
+          cols="12"
+          sm="3"
+          class="pr-4"
+        >
+          <label>Your Business in Previous Jurisdiction</label>
+        </v-col>
+
+        <v-col
+          cols="12"
+          sm="9"
+          class="pt-4 pt-sm-0"
+        >
+          <ul class="pl-1">
+            <li>
+              <strong>Previous Jurisdiction:</strong>
+              <span class="pl-2">{{ previousJurisdiction || '[Unknown]' }}</span>
+            </li>
+            <li>
+              <strong>Incorporation Number:</strong>
+              <span class="pl-2">{{ getExistingBusinessInfo.prevIncorporationNumber || '[Unknown]' }}</span>
+            </li>
+            <li>
+              <strong>Registered Name:</strong>
+              <span class="pl-2">{{ getExistingBusinessInfo.prevBusinessName || '[Unknown]' }}</span>
+            </li>
+            <li>
+              <strong>Business Number in Previous Jurisdiction:</strong>
+              <span class="pl-2">{{ getExistingBusinessInfo.businessNumber || '[Unknown]' }}</span>
+            </li>
+            <li>
+              <strong>Date of Incorporation, Continuation, or Amalgamation:</strong>
+              <span class="pl-2">{{ prevIncorporationDate || '[Unknown]' }}</span>
+            </li>
+          </ul>
+        </v-col>
+      </v-row>
+
+      <v-divider class="my-6" />
+
+      <!-- Proof of Authorization -->
+      <v-row
+        no-gutters
+        class="mb-n1"
+      >
+        <v-col
+          cols="12"
+          sm="3"
+          class="pr-4"
+        >
+          <label>Proof of Authorization</label>
+        </v-col>
+
+        <v-col
+          cols="12"
+          sm="9"
+          class="file-buttons pt-2 pt-sm-0"
+        >
+          <!-- the director's affidavit file -->
+          <v-btn
+            v-if="getExistingBusinessInfo.affidavitFileName"
+            text
+            color="primary"
+            class="download-affidavit-btn d-block px-2 ml-n2"
+            :disabled="isDownloading"
+            :loading="isDownloading"
+            @click="downloadAffidavitDocument()"
+          >
+            <v-icon>mdi-file-pdf-outline</v-icon>
+            <span>{{ getExistingBusinessInfo.affidavitFileName }}</span>
+          </v-btn>
+
+          <!-- the proof of authorization file(s) -->
+          <v-btn
+            v-for="item in getContinuationInAuthorizationProof?.files"
+            :key="item.fileKey"
+            text
+            color="primary"
+            class="download-authorization-btn d-block px-2 ml-n2"
+            :disabled="isDownloading"
+            :loading="isDownloading"
+            @click="downloadAuthorizationDocument(item)"
+          >
+            <v-icon>mdi-file-pdf-outline</v-icon>
+            <span>{{ item.fileName }}</span>
+          </v-btn>
+        </v-col>
+      </v-row>
+
+      <v-divider class="my-6" />
+
+      <!-- Confirmation -->
+      <v-row
+        v-if="isExpro"
+        no-gutters
+      >
+        <v-col
+          cols="12"
+          sm="3"
+          class="pr-4"
+        >
+          <label>Confirmation</label>
+          <pre>val={{getExistingBusinessInfo.exproConfirmation}}</pre>
+        </v-col>
+
+        <v-col
+          cols="12"
+          sm="9"
+          class="pt-4 pt-sm-0"
+        >
+          <v-checkbox
+            v-model="getExistingBusinessInfo.exproConfirmation"
+            class="pt-0 mt-0"
+            hide-details
+          >
+            <template #label>
+              <span :class="{ 'error-text': (showErrors && !isValid) }">
+                I understand that the extraprovincial registration of this business in B.C. will be
+                cancelled and made historical once I submit the continuation application.
+              </span>
+            </template>
+          </v-checkbox>
+        </v-col>
+      </v-row>
+    </v-card>
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Emit, Mixins, Prop, Watch } from 'vue-property-decorator'
+import { Getter } from 'pinia-class'
+import { useStore } from '@/store/store'
+import { GenericErrorDialog } from '@/dialogs/'
+import { AuthorizationProofIF, ExistingBusinessInfoIF } from '@/interfaces'
+import { DateMixin, DocumentMixin } from '@/mixins'
+import { CanJurisdictions, IntlJurisdictions, UsaJurisdiction } from '@bcrs-shared-components/jurisdiction/list-data'
+import { JurisdictionLocation } from '@bcrs-shared-components/enums'
+
+@Component({
+  components: {
+    GenericErrorDialog
+  }
+})
+export default class AuthorizationInformation extends Mixins(DateMixin, DocumentMixin) {
+  @Prop({ default: false }) readonly showErrors!: boolean
+
+  // Getters
+  @Getter(useStore) getContinuationInAuthorizationProof!: AuthorizationProofIF
+  @Getter(useStore) getExistingBusinessInfo!: ExistingBusinessInfoIF
+
+  // local variables
+  errorDialog = false
+  errorDialogText = ''
+  errorDialogTitle = ''
+  isDownloading = false
+
+  /** Whether the existing business is an extrapro. */
+  get isExpro (): boolean {
+    return (this.getExistingBusinessInfo.mode === 'EXPRO')
+  }
+
+  /** The formatted date of registration in BC. */
+  get registrationDateBc (): string {
+    return this.yyyyMmDdToPacificDate(this.getExistingBusinessInfo.bcRegistrationDate, true, false)
+  }
+
+  /** The text version of the previous jurisdiction. */
+  get previousJurisdiction (): string {
+    const jurisdiction = this.getExistingBusinessInfo.previousJurisdiction // may be undefined or null
+
+    if (jurisdiction?.country === JurisdictionLocation.CA) {
+      if (jurisdiction?.region === 'FEDERAL') return 'Federal'
+      return CanJurisdictions.find(can => can.value === jurisdiction?.region)?.text || 'Canada'
+    }
+
+    if (jurisdiction?.country === JurisdictionLocation.US) {
+      const state = UsaJurisdiction.find(usa => usa.value === jurisdiction?.region)?.text
+      return (state ? `${state}, US` : 'USA')
+    }
+
+    return IntlJurisdictions.find(intl => intl.value === jurisdiction?.country)?.text || null
+  }
+
+  /** The formatted date of incorporation, continuation, or amalgamation in the previous jurisdiction. */
+  get prevIncorporationDate (): string {
+    return this.yyyyMmDdToPacificDate(this.getExistingBusinessInfo.prevIncorporationDate, true, false)
+  }
+
+  /** Whether this component is valid. */
+  get isValid (): boolean {
+    // valid if this isn't an expro (ie, don't need confirmation)
+    // or valid if we have confirmation (NB: may be undefined)
+    return (!this.isExpro || (this.getExistingBusinessInfo.exproConfirmation === true))
+  }
+
+  /** Downloads the director affidavit document. */
+  async downloadAffidavitDocument (): Promise<void> {
+    await this.download(this.getExistingBusinessInfo.affidavitFileKey,
+      this.getExistingBusinessInfo.affidavitFileName)
+  }
+
+  /** Downloads the specified authorization document. */
+  async downloadAuthorizationDocument (item: { fileKey: string, fileName: string }): Promise<void> {
+    await this.download(item.fileKey, item.fileName)
+  }
+
+  private async download (documentKey: string, documentName: string): Promise<void> {
+    if (!documentKey || !documentName) return // safety check
+
+    this.isDownloading = true
+    await this.downloadDocument(documentKey, documentName).catch(error => {
+      // eslint-disable-next-line no-console
+      console.log('fetchDocument() error =', error)
+      this.errorDialogTitle = 'Unable to download document'
+      this.errorDialogText = 'We were unable to download your document. If this error persists, please contact us.'
+      this.errorDialog = true
+    })
+    this.isDownloading = false
+  }
+
+  @Watch('isValid', { immediate: true })
+  @Emit('valid')
+  private onValidChanged (): boolean {
+    return this.isValid
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/styles/theme.scss';
+
+label {
+  font-weight: bold;
+  color: $gray9;
+}
+
+ul {
+  font-size: $px-15;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+
+  li:not(:first-child) {
+    margin-top: 8px;
+  }
+}
+
+// vertically align file buttons with label
+.file-buttons {
+  margin-top: -6px !important;
+}
+
+.download-affidavit-btn,
+.download-authorization-btn {
+  // nudge icon down a bit to line up with text
+  .v-icon {
+    margin-top: 2px;
+  }
+  // make button text larger than default
+  span {
+    font-size: $px-16;
+  }
+}
+
+// align the checkbox with the label
+:deep(.v-input--checkbox .v-input__slot) {
+  align-items: flex-start;
+}
+</style>
diff --git a/src/components/ContinuationIn/SummaryBusinessPreviousJurisdiction.vue b/src/components/ContinuationIn/SummaryBusinessPreviousJurisdiction.vue
index a713cdbf..5056d5ce 100644
--- a/src/components/ContinuationIn/SummaryBusinessPreviousJurisdiction.vue
+++ b/src/components/ContinuationIn/SummaryBusinessPreviousJurisdiction.vue
@@ -8,6 +8,7 @@
       @close="errorDialog = false"
     />
 
+    <!-- *** TODO: this section needs validation and link back to step 1 -->
     <section>
       <div id="existing-business-information-summary">
         <!-- Previous Jurisdiction -->
@@ -48,7 +49,7 @@
               class="pt-4 pt-sm-0"
             >
               <div id="identifying-number-home">
-                {{ getExistingBusinessInfo?.prevIncorporationNumber || '[Unknown]' }}
+                {{ getExistingBusinessInfo.prevIncorporationNumber || '[Unknown]' }}
               </div>
             </v-col>
           </v-row>
@@ -70,7 +71,7 @@
               class="pt-4 pt-sm-0"
             >
               <div id="name-home">
-                {{ getExistingBusinessInfo?.prevBusinessName || '[Unknown]' }}
+                {{ getExistingBusinessInfo.prevBusinessName || '[Unknown]' }}
               </div>
             </v-col>
           </v-row>
@@ -92,7 +93,7 @@
               class="pt-4 pt-sm-0"
             >
               <div id="business-number">
-                {{ getExistingBusinessInfo?.businessNumber || '[Not Entered]' }}
+                {{ getExistingBusinessInfo.businessNumber || '[Not Entered]' }}
               </div>
             </v-col>
           </v-row>
@@ -188,7 +189,12 @@
                 <span class="pl-2">Missing Authorization File(s)</span>
               </div>
 
-              <!-- *** TODO: add approval checkbox here -->
+              <div class="mt-1">
+                <v-icon color="green darken-2">
+                  mdi-check
+                </v-icon>
+                <span class="ml-2">Authorization to Continue In has been approved.</span>
+              </div>
             </v-col>
           </v-row>
         </article>
@@ -226,7 +232,7 @@ export default class SummaryBusinessPreviousJurisdiction extends Mixins(DateMixi
 
   /** The text version of the previous jurisdiction. */
   get previousJurisdiction (): string {
-    const jurisdiction = this.getExistingBusinessInfo?.previousJurisdiction // may be undefined or null
+    const jurisdiction = this.getExistingBusinessInfo.previousJurisdiction // may be undefined or null
 
     if (jurisdiction?.country === JurisdictionLocation.CA) {
       if (jurisdiction?.region === 'FEDERAL') return 'Federal'
@@ -243,7 +249,7 @@ export default class SummaryBusinessPreviousJurisdiction extends Mixins(DateMixi
 
   /** The formatted date of incorporation, continuation, or amalgamation in the previous jurisdiction. */
   get prevIncorporationDate (): string {
-    return this.yyyyMmDdToPacificDate(this.getExistingBusinessInfo?.prevIncorporationDate, true, false)
+    return this.yyyyMmDdToPacificDate(this.getExistingBusinessInfo.prevIncorporationDate, true, false)
   }
 
   /** Downloads the director affidavit document. */
diff --git a/src/components/ContinuationIn/SummaryExtraprovincialRegistration.vue b/src/components/ContinuationIn/SummaryExtraprovincialRegistration.vue
index 7d655c1b..c9c67dbc 100644
--- a/src/components/ContinuationIn/SummaryExtraprovincialRegistration.vue
+++ b/src/components/ContinuationIn/SummaryExtraprovincialRegistration.vue
@@ -2,10 +2,7 @@
   <div id="summary-extraprovincial-registration">
     <section>
       <!-- Registration Number in B.C. -->
-      <article
-        v-if="isExpro"
-        class="section-container"
-      >
+      <article class="section-container">
         <v-row no-gutters>
           <v-col
             cols="12"
@@ -20,17 +17,14 @@
             class="pt-4 pt-sm-0"
           >
             <div id="registration-number-bc">
-              {{ getExistingBusinessInfo?.bcRegistrationNumber || '[Unknown]' }}
+              {{ getExistingBusinessInfo.bcRegistrationNumber || '[Unknown]' }}
             </div>
           </v-col>
         </v-row>
       </article>
 
       <!-- Registered Name in B.C.-->
-      <article
-        v-if="isExpro"
-        class="section-container"
-      >
+      <article class="section-container">
         <v-row no-gutters>
           <v-col
             cols="12"
@@ -45,17 +39,14 @@
             class="pt-4 pt-sm-0"
           >
             <div id="name-bc">
-              {{ getExistingBusinessInfo?.bcRegisteredName || '[Unknown]' }}
+              {{ getExistingBusinessInfo.bcRegisteredName || '[Unknown]' }}
             </div>
           </v-col>
         </v-row>
       </article>
 
       <!-- Date of Registration in B.C. -->
-      <article
-        v-if="isExpro"
-        class="section-container"
-      >
+      <article class="section-container">
         <v-row no-gutters>
           <v-col
             cols="12"
@@ -76,7 +67,38 @@
         </v-row>
       </article>
 
-      <!-- *** TODO: add confirmation checkbox here -->
+      <!-- Confirmation -->
+      <article class="section-container">
+        <v-row no-gutters>
+          <v-col
+            cols="12"
+            sm="3"
+            class="pr-4"
+          >
+            <label>Confirmation</label>
+          </v-col>
+          <v-col
+            cols="12"
+            sm="9"
+            class="pt-4 pt-sm-0"
+          >
+            <v-icon
+              v-if="getExistingBusinessInfo.exproConfirmation"
+              color="green darken-2"
+            >
+              mdi-check
+            </v-icon>
+            <v-icon
+              v-else
+              color="error"
+            >
+              mdi-close
+            </v-icon>
+            <span class="ml-2">I understand that the extraprovincial registration of this business in B.C.
+              will be cancelled and made historical once I submit the continuation application.</span>
+          </v-col>
+        </v-row>
+      </article>
     </section>
   </div>
 </template>
@@ -93,14 +115,9 @@ export default class SummaryExtraprovincialRegistration extends Mixins(DateMixin
   // Getters
   @Getter(useStore) getExistingBusinessInfo!: ExistingBusinessInfoIF
 
-  /** Whether the existing business is an extrapro. */
-  get isExpro (): boolean {
-    return this.getExistingBusinessInfo?.mode === 'EXPRO'
-  }
-
   /** The formatted date of registration in BC. */
   get registrationDateBc (): string {
-    return this.yyyyMmDdToPacificDate(this.getExistingBusinessInfo?.bcRegistrationDate, true, false)
+    return this.yyyyMmDdToPacificDate(this.getExistingBusinessInfo.bcRegistrationDate, true, false)
   }
 }
 </script>
diff --git a/src/components/common/NameRequestInfo.vue b/src/components/common/NameRequestInfo.vue
index 8e987d93..e62121c6 100644
--- a/src/components/common/NameRequestInfo.vue
+++ b/src/components/common/NameRequestInfo.vue
@@ -45,7 +45,10 @@
       </div>
 
       <!-- Name Request Applicant -->
-      <div class="section-container pt-0">
+      <div
+        v-if="displayApplicantInfo"
+        class="section-container pt-0"
+      >
         <v-row
           id="name-request-applicant"
           no-gutters
@@ -249,7 +252,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Mixins } from 'vue-property-decorator'
+import { Component, Mixins, Prop } from 'vue-property-decorator'
 import { Getter } from 'pinia-class'
 import { useStore } from '@/store/store'
 import { CorrectNameOptions, NameRequestStates, NrRequestActionCodes } from '@bcrs-shared-components/enums'
@@ -269,6 +272,8 @@ export default class NameRequestInfo extends Mixins(CommonMixin, DateMixin) {
   readonly NOT_REQUIRED_STATE = 'Not Required'
   readonly WAIVED_STATE = 'Waived'
 
+  @Prop({ default: true }) readonly displayApplicantInfo!: boolean
+
   @Getter(useStore) getCorrectNameOption!: CorrectNameOptions
   @Getter(useStore) getEntityType!: CorpTypeCd
   @Getter(useStore) getNameRequest!: NameRequestIF
diff --git a/src/interfaces/filing-interfaces/filing-interfaces.ts b/src/interfaces/filing-interfaces/filing-interfaces.ts
index 375cb92f..09af1292 100644
--- a/src/interfaces/filing-interfaces/filing-interfaces.ts
+++ b/src/interfaces/filing-interfaces/filing-interfaces.ts
@@ -119,6 +119,7 @@ export interface ContinuationInFilingIF {
     courtOrder?: CourtOrderIF
     mode?: 'EXPRO' | 'MANUAL' // used only by UI
     status?: EntityStates // only used by UI
+    exproConfirmation?: boolean // only used by UI by expro
   }
 }
 
diff --git a/src/interfaces/store-interfaces/state-interfaces/existing-business-info-interface.ts b/src/interfaces/store-interfaces/state-interfaces/existing-business-info-interface.ts
index 116b9c15..25d7fcbe 100644
--- a/src/interfaces/store-interfaces/state-interfaces/existing-business-info-interface.ts
+++ b/src/interfaces/store-interfaces/state-interfaces/existing-business-info-interface.ts
@@ -18,4 +18,5 @@ export interface ExistingBusinessInfoIF {
   mode: 'EXPRO' | 'MANUAL' // only used by UI
   status?: EntityStates // only used by UI
   businessNumber?: string
+  exproConfirmation?: boolean // only used by UI
 }
diff --git a/src/mixins/filing-template-mixin.ts b/src/mixins/filing-template-mixin.ts
index d198a1db..85968121 100644
--- a/src/mixins/filing-template-mixin.ts
+++ b/src/mixins/filing-template-mixin.ts
@@ -397,7 +397,8 @@ export default class FilingTemplateMixin extends Mixins(AmalgamationMixin, DateM
         },
         // save properties used only for UI:
         mode: this.getExistingBusinessInfo?.mode,
-        status: this.getExistingBusinessInfo?.status
+        status: this.getExistingBusinessInfo?.status,
+        exproConfirmation: this.getExistingBusinessInfo?.exproConfirmation // may be True, False or undefined
       }
     }
 
@@ -410,11 +411,11 @@ export default class FilingTemplateMixin extends Mixins(AmalgamationMixin, DateM
 
     // Add expro business information.
     if (this.getExistingBusinessInfo?.mode === 'EXPRO') {
-      const foundingDate = this.yyyyMmDdToDate(this.getExistingBusinessInfo.bcRegistrationDate)
+      const foundingDate = this.yyyyMmDdToDate(this.getExistingBusinessInfo?.bcRegistrationDate)
       filing.continuationIn.business = {
         foundingDate: this.dateToApi(foundingDate),
-        identifier: this.getExistingBusinessInfo.bcRegistrationNumber,
-        legalName: this.getExistingBusinessInfo.bcRegisteredName
+        identifier: this.getExistingBusinessInfo?.bcRegistrationNumber,
+        legalName: this.getExistingBusinessInfo?.bcRegisteredName
       }
     }
 
@@ -456,6 +457,8 @@ export default class FilingTemplateMixin extends Mixins(AmalgamationMixin, DateM
     // restore existing business information
     if (continuationIn.foreignJurisdiction) {
       const foundingDate = this.apiToDate(continuationIn.business?.foundingDate)
+      const exproConfirmation = (continuationIn.exproConfirmation === true) ? true
+        : (continuationIn.exproConfirmation === false) ? false : undefined
       this.setExistingBusinessInfo({
         affidavitFile: continuationIn.foreignJurisdiction.affidavitFile,
         affidavitFileKey: continuationIn.foreignJurisdiction.affidavitFileKey,
@@ -473,6 +476,7 @@ export default class FilingTemplateMixin extends Mixins(AmalgamationMixin, DateM
         prevBusinessName: continuationIn.foreignJurisdiction.legalName,
         mode: continuationIn.mode,
         status: continuationIn.status,
+        exproConfirmation: exproConfirmation,
         businessNumber: continuationIn.foreignJurisdiction.taxId,
         latestReviewComment: draftFiling.header.latestReviewComment || null
       })
diff --git a/src/views/ContinuationIn/ContinuationInBusinessBc.vue b/src/views/ContinuationIn/ContinuationInBusinessBc.vue
index 3c773846..9e2ad672 100644
--- a/src/views/ContinuationIn/ContinuationInBusinessBc.vue
+++ b/src/views/ContinuationIn/ContinuationInBusinessBc.vue
@@ -8,27 +8,41 @@
         </h2>
       </header>
 
-      <v-card
-        flat
-        class="py-2 px-6"
-      >
-        <NameRequestInfo />
+      <v-card flat>
+        <NameRequestInfo :displayApplicantInfo="false" />
         <NameTranslations />
       </v-card>
     </section>
 
-    <!-- Registered Office Addresses -->
-    <section
-      v-show="isEntityType"
-      class="mt-10"
-    >
+    <!-- Authorization Information -->
+    <section class="mt-10">
+      <header id="authorization-information-header">
+        <h2>
+          Authorization Information
+        </h2>
+        <p>
+          The information that you submitted on your continuation authorization is displayed below. If
+          you would like to change this information, please submit a new continuation authorization.
+        </p>
+      </header>
+
+      <div :class="{ 'invalid-section': getShowErrors && !authorizationInfoValid }">
+        <AuthorizationInformation
+          :showErrors="getShowErrors"
+          @valid="authorizationInfoValid = $event"
+        />
+      </div>
+    </section>
+
+    <!-- Office Addresses -->
+    <section class="mt-10">
       <header id="office-address-header">
         <h2>
-          Registered and Records Office Addresses
+          Office Addresses
         </h2>
         <p>
-          Enter the Registered Office and Records Office Mailing and Delivery Addresses of the resulting
-          business. All addresses must be located in B.C.
+          Provide mailing and delivery addresses for the Registered Office and the Records Office.
+          All addresses must be in B.C.
         </p>
       </header>
 
@@ -43,15 +57,12 @@
     </section>
 
     <!-- Registered Office Contact Information -->
-    <section
-      v-show="isEntityType"
-      class="mt-10"
-    >
+    <section class="mt-10">
       <header id="registered-office-contact-header">
         <h2>Registered Office Contact Information</h2>
         <p>
-          Enter the contact information for the resulting business. The BC Business Registry will use this
-          to communicate with the business in the future, including sending documents and notifications.
+          Enter the contact information for the business. The BC Business Registry will use this to
+          communicate with the business in the future, including sending documents and notifications.
         </p>
       </header>
 
@@ -116,6 +127,7 @@ import {
 } from '@/interfaces'
 import { CommonMixin } from '@/mixins'
 import { RouteNames } from '@/enums'
+import AuthorizationInformation from '@/components/ContinuationIn/AuthorizationInformation.vue'
 import BusinessContactInfo from '@/components/common/BusinessContactInfo.vue'
 import FolioNumber from '@/components/common/FolioNumber.vue'
 import OfficeAddresses from '@/components/common/OfficeAddresses.vue'
@@ -124,6 +136,7 @@ import NameTranslations from '@/components/common/NameTranslations.vue'
 
 @Component({
   components: {
+    AuthorizationInformation,
     BusinessContactInfo,
     FolioNumber,
     NameRequestInfo,
@@ -138,7 +151,6 @@ export default class ContinuationInBusinessBc extends Mixins(CommonMixin) {
   @Getter(useStore) getFolioNumberValid!: boolean
   @Getter(useStore) getNameTranslationsValid!: boolean
   @Getter(useStore) getShowErrors!: boolean
-  @Getter(useStore) isEntityType!: boolean
   @Getter(useStore) isPremiumAccount!: boolean
 
   @Action(useStore) setBusinessContact!: (x: ContactPointIF) => void
@@ -148,12 +160,14 @@ export default class ContinuationInBusinessBc extends Mixins(CommonMixin) {
   @Action(useStore) setIgnoreChanges!: (x: boolean) => void
   @Action(useStore) setOfficeAddresses!: (x: RegisteredRecordsAddressesIF) => void
 
+  authorizationInfoValid = false
   addressFormValid = false
   businessContactFormValid = false
 
   /** Array of valid components. Must match validFlags. */
   readonly validComponents = [
     'company-name-header',
+    'authorization-information-header',
     'office-address-header',
     'registered-office-contact-header',
     'folio-reference-number-header'
@@ -163,6 +177,7 @@ export default class ContinuationInBusinessBc extends Mixins(CommonMixin) {
   get validFlags (): object {
     return {
       validCompanyNameForm: this.getNameTranslationsValid,
+      validAuthorizationInfo: this.authorizationInfoValid,
       validAddressForm: this.addressFormValid,
       validBusinessContactForm: this.businessContactFormValid,
       validFolioReferenceNumber: !this.isPremiumAccount || this.getFolioNumberValid
@@ -213,6 +228,7 @@ export default class ContinuationInBusinessBc extends Mixins(CommonMixin) {
     })
   }
 
+  @Watch('authorizationInfoValid', { immediate: true })
   @Watch('addressFormValid', { immediate: true })
   @Watch('businessContactFormValid', { immediate: true })
   @Watch('getFolioNumberValid', { immediate: true })
@@ -220,6 +236,7 @@ export default class ContinuationInBusinessBc extends Mixins(CommonMixin) {
   // Update the overall Define Company Step validity
   private onDefineCompanyStepValid (): void {
     this.setDefineCompanyStepValidity(
+      this.authorizationInfoValid &&
       this.addressFormValid &&
       this.businessContactFormValid &&
       (!this.isPremiumAccount || this.getFolioNumberValid) &&
diff --git a/src/views/ContinuationIn/ContinuationInReviewConfirm.vue b/src/views/ContinuationIn/ContinuationInReviewConfirm.vue
index 8e653469..71770fad 100644
--- a/src/views/ContinuationIn/ContinuationInReviewConfirm.vue
+++ b/src/views/ContinuationIn/ContinuationInReviewConfirm.vue
@@ -15,6 +15,7 @@
 
       <!-- Extraprovincial Registration in B.C. -->
       <v-card
+        v-if="isExpro"
         id="extraprovincial-registration-bc-vcard"
         flat
         class="mt-6"
@@ -226,8 +227,8 @@ import { Component, Vue } from 'vue-property-decorator'
 import { Action, Getter } from 'pinia-class'
 import { useStore } from '@/store/store'
 import { FilingStatus } from '@/enums'
-import { ContactPointIF, CertifyIF, EffectiveDateTimeIF, ShareStructureIF,
-  CourtOrderStepIF, DocumentDeliveryIF } from '@/interfaces'
+import { CertifyIF, ContactPointIF, CourtOrderStepIF, DocumentDeliveryIF, EffectiveDateTimeIF,
+  ExistingBusinessInfoIF, ShareStructureIF } from '@/interfaces'
 import CardHeader from '@/components/common/CardHeader.vue'
 import Certify from '@/components/common/Certify.vue'
 import { DocumentDelivery } from '@bcrs-shared-components/document-delivery'
@@ -267,6 +268,7 @@ export default class ContinuationInReviewConfirm extends Vue {
   @Getter(useStore) getDocumentDelivery!: DocumentDeliveryIF
   @Getter(useStore) getEffectiveDateTime!: EffectiveDateTimeIF
   @Getter(useStore) getEntityType!: CorpTypeCd
+  @Getter(useStore) getExistingBusinessInfo!: ExistingBusinessInfoIF
   @Getter(useStore) getFilingStatus!: FilingStatus
   @Getter(useStore) getUserEmail!: string
   @Getter(useStore) getValidateSteps!: boolean
@@ -293,6 +295,11 @@ export default class ContinuationInReviewConfirm extends Vue {
     })
   }
 
+  /** Whether the existing business is an extrapro. */
+  get isExpro (): boolean {
+    return (this.getExistingBusinessInfo.mode === 'EXPRO')
+  }
+
   /** The entity description,  */
   get getEntityDescription (): string {
     return GetCorpFullDescription(this.getEntityType)