18749 - add amalgamation statement to review

package.json

@@ -1,6 +1,6 @@
 {
   "name": "business-create-ui",
-  "version": "5.6.23",
+  "version": "5.6.24",
   "private": true,
   "appName": "Create UI",
   "sbcName": "SBC Common Components",

src/components/Amalgamation/AmalgamationStatement.vue

@@ -0,0 +1,119 @@
+<template>
+  <v-card
+    id="amalgamation-statement"
+    flat
+  >
+    <v-row>
+      <v-col
+        cols="12"
+        sm="3"
+        class="pr-4"
+      >
+        <label>
+          Amalgamation Statement
+        </label>
+      </v-col>
+
+      <v-col
+        cols="12"
+        sm="9"
+      >
+        <v-radio-group
+          v-model="courtApproval"
+          class="mt-0 pt-0"
+          @change="setCourtApproval()"
+        >
+          <v-radio
+            class="radio-button"
+            label="With Court Approval"
+            :value="true"
+          />
+          <div
+            class="ml-8 statement-text"
+          >
+            This amalgamation has been approved by the court and a copy of the
+            entered court order approving the amalgamation has been obtained
+            and has been deposited in the records office of each of the
+            amalgamating companies.
+          </div>
+
+          <v-radio
+            class="pt-4 radio-button"
+            label="Without Court Approval"
+            :value="false"
+          />
+          <div
+            class="ml-8 statement-text"
+          >
+            This amalgamation has been effected without court approval.
+            A copy of all of the required affidavits under section 277(1)
+            have been obtained and the affidavit obtained from each
+            amalgamating company has been deposited in that company’s
+            records office.
+          </div>
+        </v-radio-group>
+      </v-col>
+    </v-row>
+  </v-card>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { Component, Emit } from 'vue-property-decorator'
+import { AmalgamationStateIF } from '@/interfaces/store-interfaces/state-interfaces/amalgamation-state-interface'
+import { Getter } from 'pinia-class'
+import { useStore } from '@/store/store'
+
+@Component({})
+export default class AmalgamationStatement extends Vue {
+  @Getter(useStore) getAmalgamationCourtApproval!: boolean
+
+  // Local properties
+  courtApproval: AmalgamationStateIF['courtApproval'] = null
+
+  /** Called when component is mounted. */
+  mounted (): void {
+    if (this.getAmalgamationCourtApproval != null) {
+      this.courtApproval = this.getAmalgamationCourtApproval
+    }
+  }
+
+  // Emit a boolean which is whether the court approval have been selected
+  @Emit('update')
+  private courtApprovalUpdate (): boolean {
+    console.log(this.courtApproval)
+    return this.courtApproval
+  }
+
+  // Emit a boolean (validation) which is either option being selected
+  @Emit('valid')
+  private amalgamationStatementValid (event: boolean): boolean {
+    return event
+  }
+
+  // Once either option being selected, update court approval and validation
+  setCourtApproval (): void {
+    this.courtApprovalUpdate()
+    this.amalgamationStatementValid(true)
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/styles/theme.scss';
+
+#amalgamation-statement {
+  padding: 1.25rem;
+  line-height: 1.2rem;
+  font-size: 1rem;
+}
+
+.statement-text {
+  color: $gray7;
+}
+
+label {
+  font-weight: bold;
+}
+
+</style>

src/interfaces/store-interfaces/state-interfaces/amalgamation-state-interface.ts

@@ -47,5 +47,6 @@ export interface AmalgamationStateIF {
   amalgamatingBusinesses: Array<AmalgamatingBusinessIF>
   amalgamatingBusinessesValid: boolean
   courtApproval: boolean
+  courtApprovalValid: boolean
   type: AmalgamationTypes
 }

src/mixins/filing-template-mixin.ts

@@ -262,7 +262,7 @@ export default class FilingTemplateMixin extends Mixins(AmalgamationMixin, DateM
     }
 
     // restore the amalgamation court approval
-    if (draftFiling.amalgamationApplication.courtApproval) {
+    if (draftFiling.amalgamationApplication.courtApproval != null) {
       this.setAmalgamationCourtApproval(draftFiling.amalgamationApplication.courtApproval)
     }
 

src/store/state/state-model.ts

@@ -210,6 +210,7 @@ export const stateModel: StateModelIF = {
     amalgamatingBusinesses: [],
     amalgamatingBusinessesValid: false,
     courtApproval: null,
+    courtApprovalValid: false,
     type: null
   },
   restoration: {

src/store/store.ts

@@ -591,14 +591,16 @@ export const useStore = defineStore('store', {
       // *** TODO: add checks for review page components
       const isFolioNumberValid = !this.isPremiumAccount || this.getFolioNumberValid
       const isCourtOrderValid = this.isRoleStaff ? this.getCourtOrderStep.valid : true
+      const isCourtApprovalValid = this.getAmalgamationCourtApprovalValid
 
       return (
         this.isAmalgamationInformationRegValid &&
         this.isDefineCompanyValid &&
         this.isAddPeopleAndRolesValid &&
         this.isCreateShareStructureValid &&
         isFolioNumberValid &&
-        isCourtOrderValid
+        isCourtOrderValid &&
+        isCourtApprovalValid
       )
     },
 
@@ -780,6 +782,11 @@ export const useStore = defineStore('store', {
       return this.stateModel.amalgamation.courtApproval
     },
 
+    /** The amalgamation court approval validity. */
+    getAmalgamationCourtApprovalValid (): boolean {
+      return this.stateModel.amalgamation.courtApprovalValid
+    },
+
     //
     // Dissolution getters
     //
@@ -1275,6 +1282,9 @@ export const useStore = defineStore('store', {
     setAmalgamationCourtApproval (courtApproval: boolean) {
       this.stateModel.amalgamation.courtApproval = courtApproval
     },
+    setAmalgamationCourtApprovalValid (valid: boolean) {
+      this.stateModel.amalgamation.courtApprovalValid = valid
+    },
     setAmalgamationType (type: AmalgamationTypes) {
       this.stateModel.amalgamation.type = type
     },

src/views/AmalgamationRegular/ReviewConfirm.vue

@@ -174,16 +174,21 @@
       <header>
         <h2>Amalgamation Statement</h2>
         <p class="mt-4">
-          [*** TODO: blurb ***]
+          Please indicate the statement applicable to this amalgamation.
         </p>
       </header>
 
       <v-card
         flat
         class="mt-6"
       >
-        <div class="pa-4">
-          [*** TODO: Amalgamation Statement component ***]
+        <div class="pt-4 pr-4 pl-1">
+          <AmalgamationStatement
+            :class="{ 'invalid-section': isAmalgamationStatementInvalid }"
+            :invalidSection="isAmalgamationStatementInvalid"
+            @update="setAmalgamationCourtApproval($event)"
+            @valid="setAmalgamationCourtApprovalValid($event)"
+          />
         </div>
       </v-card>
     </section>
@@ -280,6 +285,7 @@ import { CourtOrderPoa } from '@bcrs-shared-components/court-order-poa'
 import { DocumentDelivery } from '@bcrs-shared-components/document-delivery'
 import FolioNumber from '@/components/common/FolioNumber.vue'
 import BusinessTableSummary from '@/components/Amalgamation/BusinessTableSummary.vue'
+import AmalgamationStatement from '@/components/Amalgamation/AmalgamationStatement.vue'
 import IncorporationDateTime from '@/components/Incorporation/IncorporationDateTime.vue'
 import ListPeopleAndRoles from '@/components/common/ListPeopleAndRoles.vue'
 import ListShareClass from '@/components/common/ListShareClass.vue'
@@ -289,6 +295,7 @@ import { CorpTypeCd, GetCorpFullDescription } from '@bcrs-shared-components/corp
 
 @Component({
   components: {
+    AmalgamationStatement,
     BusinessTableSummary,
     CardHeader,
     Certify,
@@ -304,6 +311,7 @@ import { CorpTypeCd, GetCorpFullDescription } from '@bcrs-shared-components/corp
 })
 export default class AmalgamationRegularReviewConfirm extends Vue {
   @Getter(useStore) getAmalgamatingBusinessesValid!: boolean
+  @Getter(useStore) getAmalgamationCourtApprovalValid!: boolean
   @Getter(useStore) getBusinessContact!: ContactPointIF
   @Getter(useStore) getCertifyState!: CertifyIF
   @Getter(useStore) getCourtOrderStep!: CourtOrderStepIF
@@ -318,6 +326,8 @@ export default class AmalgamationRegularReviewConfirm extends Vue {
   @Getter(useStore) isPremiumAccount!: boolean
   @Getter(useStore) isRoleStaff!: boolean
 
+  @Action(useStore) setAmalgamationCourtApproval!: (x: boolean) => void
+  @Action(useStore) setAmalgamationCourtApprovalValid!: (x: boolean) => void
   @Action(useStore) setCertifyState!: (x: CertifyIF) => void
   @Action(useStore) setCourtOrderFileNumber!: (x: string) => void
   @Action(useStore) setCourtOrderValidity!: (x: boolean) => void
@@ -352,6 +362,11 @@ export default class AmalgamationRegularReviewConfirm extends Vue {
   get isFolioInvalid (): boolean {
     return this.getValidateSteps && !(this.getFolioNumberValid)
   }
+
+  /** Is true when the amalgamation statement is not valid */
+  get isAmalgamationStatementInvalid (): boolean {
+    return this.getValidateSteps && !(this.getAmalgamationCourtApprovalValid)
+  }
 }
 </script>