@dyedurham/search-and-file-widget 2.0.78 → 2.0.79

package/dnd-filing-shell.js

@@ -84330,7 +84330,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }
     const password = request.password ?? "";
     if (password.length < BC_PASSWORD_MIN_LENGTH || password.length > BC_PASSWORD_MAX_LENGTH || !/^[A-Za-z0-9]+$/.test(password)) {
-      issues.push(`Company Password must be ${BC_PASSWORD_MIN_LENGTH} to ${BC_PASSWORD_MAX_LENGTH} letters or digits only. Enter it in Corporation Details.`);
+      issues.push(`The company password (taken from the entity's registry ID) must be ${BC_PASSWORD_MIN_LENGTH} to ${BC_PASSWORD_MAX_LENGTH} letters or digits only. Update the registry ID in Athennian.`);
     }
     return issues;
   }
@@ -84722,14 +84722,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             // Prefilled from the entity's Business Email when Athennian has one; otherwise the user
             // enters it here (the API requires it).
             [BCFormationFormControls.CompanyEmail]: new FormControl(deltaData?.companyEmail ?? companyEmail, [Validators.required, Validators.email, Validators.maxLength(BC_COMPANY_EMAIL_MAX_LENGTH)]),
-            // The registry ID is only a suggestion: it is used when it already satisfies the BC
-            // password rule, otherwise the field starts empty for the user to fill in.
-            [BCFormationFormControls.CompanyPassword]: new FormControl(deltaData?.password ?? this.suggestPassword(task.entity._profile.registry_id), [
-              Validators.required,
-              Validators.minLength(BC_PASSWORD_MIN_LENGTH),
-              Validators.maxLength(BC_PASSWORD_MAX_LENGTH),
-              Validators.pattern(BC_PASSWORD_PATTERN)
-            ]),
+            // Not shown on screen: taken from the registry ID when it satisfies the BC password rule
+            // (otherwise empty). No validators here, as the user cannot fix it; the payload pre-flight
+            // check (`findBCRequestIssues`) reports an unusable value.
+            [BCFormationFormControls.CompanyPassword]: new FormControl(deltaData?.password ?? this.suggestPassword(task.entity._profile.registry_id)),
             [BCFormationFormControls.UsesNameTranslation]: new FormControl(usesNameTranslation),
             [BCFormationFormControls.NameTranslations]: new FormArray(translationRows)
           });
@@ -84831,6 +84827,15 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             })
           });
         }
+        /**
+         * Company Email dropdown options: the task's `emailOptions` (distinct addresses), plus the
+         * current value when it is not among them (a saved or fallback-prefilled address).
+         */
+        static buildCompanyEmailOptions(task, currentValue) {
+          const emails = (task?.entity.emailOptions ?? []).map((option) => option.value?.trim());
+          const current = currentValue?.trim();
+          return [...new Set([...emails, current].filter((email) => Boolean(email)))].map((email) => ({ label: email, value: email }));
+        }
         static suggestPassword(registryId) {
           const value = registryId?.trim() ?? "";
           return value.length >= BC_PASSWORD_MIN_LENGTH && value.length <= BC_PASSWORD_MAX_LENGTH && BC_PASSWORD_PATTERN.test(value) ? value : "";
@@ -84884,7 +84889,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           const registeredMailing = format(pick(registeredOffice?.addresses, "Mailing"));
           const today = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
           const config2 = {};
-          config2[BCChangeOfDirectorsFormGroups.ReferenceNumbers] = this.generateReferenceNumbersFormGroup(delta?.referenceNumbers, task.entity._profile?.client_matter_number);
+          config2[BCChangeOfDirectorsFormGroups.ReferenceNumbers] = this.generateReferenceNumbersFormGroup(delta?.referenceNumbers, task.entity._profile?.client_matter_number, delta?.referenceNumbers?.referenceNumber);
           config2[BCChangeOfDirectorsFormGroups.CorporationDetails] = new FormGroup({
             [Controls.CorporationName]: this.readOnly(task.entity._profile.name),
             [Controls.IncorporationNumber]: this.readOnly(task.entity._profile.corp_number),
@@ -84922,9 +84927,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           });
           return config2;
         }
-        static generateReferenceNumbersFormGroup(deltaData, clientMatterNumber) {
+        static generateReferenceNumbersFormGroup(deltaData, clientMatterNumber, savedClientMatterNumber) {
           return new FormGroup({
-            [Controls.ClientMatterNumber]: new FormControl(clientMatterNumber ?? ""),
+            [Controls.ClientMatterNumber]: new FormControl(clientMatterNumber ?? savedClientMatterNumber ?? ""),
             [Controls.DocketNumber]: new FormControl(deltaData?.docketNumber ?? "")
           });
         }
@@ -84939,7 +84944,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           });
         }
         static generateDirectorFormGroupsFromChangeDirectors(task) {
-          const source = task.changeDirectors ?? task.deltaData?.changeDirectors ?? task.deltaData?.validatedData?.ChangeDirectors;
+          const source = task.changeDirectors ?? task.deltaData?.changeDirectors ?? task.deltaData?.validatedData?.ChangeDirectors ?? task.deltaData?.validatedData?.filing;
           const currentDirectors = source?.Directors ?? source?.directors ?? [];
           const addedDirectors = [
             ...source?.AddedDirectors ?? [],
@@ -84969,8 +84974,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             [Controls.Id]: new FormControl(director?.Id ?? director?.id ?? ""),
             [Controls.AffiliationName]: this.readOnly(this.formatDirectorName(name?.FirstName ?? name?.firstName, name?.MiddleName ?? name?.middleName, name?.LastName ?? name?.lastName)),
             [Controls.AffiliationType]: this.readOnly(affiliationType),
-            [Controls.MailingAddress]: this.readOnly(this.formatPayloadAddress(director)),
-            [Controls.DeliveryAddress]: this.readOnly(this.formatPayloadAddress(director))
+            [Controls.MailingAddress]: this.readOnly(this.formatPayloadAddress(director?.mailingAddress ?? director?.MailingAddress ?? director)),
+            [Controls.DeliveryAddress]: this.readOnly(this.formatPayloadAddress(director?.deliveryAddress ?? director?.DeliveryAddress ?? director))
           });
         }
         static formatDirectorName(firstName, middleName, lastName) {
@@ -84986,7 +84991,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             address.Address3 ?? address.address3,
             address.CityTown ?? address.city,
             address.RegionName ?? address.regionName ?? address.provinceState,
-            address.PostCode ?? address.postalZip,
+            address.PostCode ?? address.postalZip ?? address.postalOrZipCode,
             address.CountryCodeName ?? address.country
           ].filter((part) => Boolean(String(part ?? "").trim())).join(", ");
         }
@@ -85280,10 +85285,12 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275elementStart(8, "mat-checkbox", 15);
       \u0275\u0275listener("change", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Template_mat_checkbox_change_8_listener() {
         let tmp_7_0;
+        let tmp_8_0;
         \u0275\u0275restoreView(_r5);
         const ctx_r0 = \u0275\u0275nextContext();
         const filingDetails_r6 = \u0275\u0275readContextLet(8);
-        (tmp_7_0 = filingDetails_r6.get(ctx_r0.controls.ChangeDate)) == null ? null : tmp_7_0.updateValueAndValidity({ emitEvent: false });
+        (tmp_7_0 = filingDetails_r6.get(ctx_r0.controls.ChangeDate)) == null ? null : tmp_7_0.reset(((tmp_7_0 = filingDetails_r6.get(ctx_r0.controls.DirectorsAddedOrDeleted)) == null ? null : tmp_7_0.value) ? (tmp_7_0 = filingDetails_r6.get(ctx_r0.controls.ChangeDate)) == null ? null : tmp_7_0.value : null, { emitEvent: false });
+        (tmp_8_0 = filingDetails_r6.get(ctx_r0.controls.ChangeDate)) == null ? null : tmp_8_0.updateValueAndValidity({ emitEvent: false });
         return \u0275\u0275resetView(ctx_r0.onSectionValidChange("filingDetails", filingDetails_r6.valid));
       });
       \u0275\u0275text(9);
@@ -85509,7 +85516,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         initiallyOpenCardsCount = 3;
         sectionValidity = {};
         isVisiblyValid() {
-          return Object.values(this.sectionValidity).every((v) => v);
+          const filingDetails = this.getFormGroup(this.groups.FilingDetails);
+          const dateRequired = Boolean(filingDetails?.get(this.controls.DirectorsAddedOrDeleted)?.value);
+          const dateInvalid = dateRequired && Boolean(filingDetails?.get(this.controls.ChangeDate)?.invalid);
+          const annualReportReminder = this.getFormGroup(this.groups.AnnualReportReminder);
+          return Object.values(this.sectionValidity).every((v) => v) && !filingDetails?.invalid && !dateInvalid && !annualReportReminder?.invalid;
         }
         onSectionValidChange(section, valid) {
           this.sectionValidity = __spreadProps(__spreadValues({}, this.sectionValidity), { [section]: valid });
@@ -85531,7 +85542,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           return this.getDirectorStatus(formGroup) === "Add";
         }
         isCeasedDirector(formGroup) {
-          return this.getDirectorStatus(formGroup) === "Ceased";
+          return this.getDirectorStatus(formGroup) === "Cease";
         }
         static \u0275fac = function BritishColumbiaChangeOfDirectorsFormComponent_Factory(__ngFactoryType__) {
           return new (__ngFactoryType__ || _BritishColumbiaChangeOfDirectorsFormComponent)();
@@ -85622,201 +85633,207 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatRadioGroup,
             ReactiveFormsModule,
             TranslatePipe
-          ], template: `<div class="change-of-directors-form">
-  @if (isNote()) {
-    <alert
-      [type]="alertType.Info"
-      title="Entity changed"
-      content="A new draft needs to be generated as the Entity was changed since the last draft was produced."
-    />
-  }
-
-  @if (errors().length) {
-    <alert
-      title="The following issues need to be resolved before proceeding:"
-      [content]="errors()"
-    />
-  }
-
-  <div class="change-of-directors-form-content">
-    @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);
-
-    @if (referenceNumbers) {
-      <expandable-card [title]="groups.ReferenceNumbers">
-        <filing-form-group
-          [isSubmitted]="isSubmitted()"
-          [form]="referenceNumbers"
-          [config]="referenceNumbersFields"
-          (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"
-        />
-      </expandable-card>
-    }
-
-    @let corporationDetails = getFormGroup(groups.CorporationDetails);
-
-    @if (corporationDetails) {
-      <expandable-card [isStatusIcon]="false" [title]="groups.CorporationDetails">
-        <div class="readonly-summary">
-          <p>
-            <strong>{{ 'Corporation Name' | translate }}:</strong>
-            {{ corporationDetails.get(controls.CorporationName)?.value }}
-          </p>
-          <p>
-            <strong>{{ 'Incorporation Number' | translate }}:</strong>
-            {{ corporationDetails.get(controls.IncorporationNumber)?.value }}
-          </p>
-          <p>
-            <strong>{{ 'Company Email' | translate }}:</strong>
-            {{ corporationDetails.get(controls.CompanyEmail)?.value }}
-          </p>
-        </div>
-      </expandable-card>
-    }
-
-    @let filingDetails = getFormGroup(groups.FilingDetails);
-
-    @if (filingDetails) {
-      <expandable-card
-        [isStatusIcon]="!readonly()"
-        [isValid]="sectionValidity['filingDetails']"
-        [title]="groups.FilingDetails"
-      >
-        <div class="filing-details" [formGroup]="filingDetails">
-          <div class="note-box">
-            <strong>{{ 'Note' | translate }}:</strong>
-            {{
-              'There is no fee for changing the legal name or the address of a director. A filing fee applies when directors are added or deleted as part of this filing.'
-                | translate
-            }}
-          </div>
-
-          <mat-checkbox
-            class="directors-change-checkbox"
-            [formControlName]="controls.DirectorsAddedOrDeleted"
-            (change)="
-              filingDetails.get(controls.ChangeDate)?.updateValueAndValidity({ emitEvent: false });
-              onSectionValidChange('filingDetails', filingDetails.valid)
-            "
-          >
-            {{ 'Directors will be added and/or deleted as part of this filing' | translate }}
-          </mat-checkbox>
-
-          @if (filingDetails.get(controls.DirectorsAddedOrDeleted)?.value) {
-            <div class="filing-details-grid">
-              <div class="date-field">
-                <label>
-                  {{ 'Date Directors were added or deleted' | translate }}<span>*</span>
-                </label>
-                <mat-form-field appearance="outline">
-                  <input
-                    matInput
-                    [matDatepicker]="changeDatePicker"
-                    [formControlName]="controls.ChangeDate"
-                    placeholder="dd/mm/yyyy"
-                    readonly
-                    (click)="changeDatePicker.open()"
-                    (dateChange)="onSectionValidChange('filingDetails', filingDetails.valid)"
-                  />
-                  <button
-                    type="button"
-                    class="calendar-trigger"
-                    aria-label="Open date picker"
-                    (click)="changeDatePicker.open()"
-                  >
-                    <span class="calendar-icon" aria-hidden="true"></span>
-                  </button>
-                  <mat-datepicker #changeDatePicker></mat-datepicker>
-                </mat-form-field>
-                <p class="hint">
-                  {{
-                    "The date on which the individual(s) became or ceased to be a director. This date must be today's date or in the past."
-                      | translate
-                  }}
-                </p>
-              </div>
-
-              <p class="filing-fee">
-                <strong>{{ 'Filing Fee' | translate }}:</strong>
-                {{ filingDetails.get(controls.FilingFee)?.value }}
-              </p>
-            </div>
-          }
-        </div>
-      </expandable-card>
-    }
-
-    @let directorsArray = getFormArray(groups.Directors);
-
-    <expandable-card [isStatusIcon]="false" [title]="groups.Directors">
-      <filing-form-group
-        [isSubmitted]="isSubmitted()"
-        [form]="form()"
-        [config]="directorsIntroFields()"
-      />
-
-      @if (directorsArray && directorsArray.length) {
-        <div class="directors-table" role="table">
-          <div class="directors-table-header" role="row">
-            <div role="columnheader">{{ 'Name' | translate }}</div>
-            <div role="columnheader">{{ 'Mailing Address' | translate }}</div>
-            <div role="columnheader">{{ 'Delivery Address' | translate }}</div>
-          </div>
-
-          @for (director of directorsArray.controls; track director; let i = $index) {
-            @let directorForm = getDirectorForm(i);
-            @if (directorForm) {
-              <div class="directors-table-row" role="row">
-                <div role="cell">
-                  <strong>{{ directorForm.get(controls.AffiliationName)?.value }}</strong>
-                  @if (isNewDirector(directorForm)) {
-                    <span class="status-pill new">{{ 'NEW' | translate }}</span>
-                  }
-                  @if (isCeasedDirector(directorForm)) {
-                    <span class="status-pill ceased">{{ 'CEASE' | translate }}</span>
-                  }
-                </div>
-                <div role="cell">{{ directorForm.get(controls.MailingAddress)?.value }}</div>
-                <div role="cell">{{ directorForm.get(controls.DeliveryAddress)?.value }}</div>
-              </div>
-            }
-          }
-        </div>
-      } @else {
-        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
-      }
-    </expandable-card>
-
-    @let annualReportReminder = getFormGroup(groups.AnnualReportReminder);
-
-    @if (annualReportReminder) {
-      <expandable-card
-        [isStatusIcon]="!readonly()"
-        [isValid]="sectionValidity['annualReportReminder']"
-        [title]="groups.AnnualReportReminder"
-      >
-        <div class="annual-reminder" [formGroup]="annualReportReminder">
-          <p>
-            {{
-              "Does this company wish to be reminded to file its annual reports? If an email address is specified, the reminder will be sent to the company's email address. Otherwise, the reminder will be mailed to the registered or head office of the company."
-                | translate
-            }}
-          </p>
-          <mat-radio-group
-            [formControlName]="controls.AnnualReportReminder"
-            (change)="onSectionValidChange('annualReportReminder', annualReportReminder.valid)"
-          >
-            <mat-radio-button [value]="annualReportReminderOption.Yes">
-              {{ 'Yes, send the annual report reminder' | translate }}
-            </mat-radio-button>
-            <mat-radio-button [value]="annualReportReminderOption.No">
-              {{ 'No, I do not need to be reminded' | translate }}
-            </mat-radio-button>
-          </mat-radio-group>
-        </div>
-      </expandable-card>
-    }
-  </div>
-</div>
+          ], template: `<div class="change-of-directors-form">\r
+  @if (isNote()) {\r
+    <alert\r
+      [type]="alertType.Info"\r
+      title="Entity changed"\r
+      content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
+    />\r
+  }\r
+\r
+  @if (errors().length) {\r
+    <alert\r
+      title="The following issues need to be resolved before proceeding:"\r
+      [content]="errors()"\r
+    />\r
+  }\r
+\r
+  <div class="change-of-directors-form-content">\r
+    @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);\r
+\r
+    @if (referenceNumbers) {\r
+      <expandable-card [title]="groups.ReferenceNumbers">\r
+        <filing-form-group\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="referenceNumbers"\r
+          [config]="referenceNumbersFields"\r
+          (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"\r
+        />\r
+      </expandable-card>\r
+    }\r
+\r
+    @let corporationDetails = getFormGroup(groups.CorporationDetails);\r
+\r
+    @if (corporationDetails) {\r
+      <expandable-card [isStatusIcon]="false" [title]="groups.CorporationDetails">\r
+        <div class="readonly-summary">\r
+          <p>\r
+            <strong>{{ 'Corporation Name' | translate }}:</strong>\r
+            {{ corporationDetails.get(controls.CorporationName)?.value }}\r
+          </p>\r
+          <p>\r
+            <strong>{{ 'Incorporation Number' | translate }}:</strong>\r
+            {{ corporationDetails.get(controls.IncorporationNumber)?.value }}\r
+          </p>\r
+          <p>\r
+            <strong>{{ 'Company Email' | translate }}:</strong>\r
+            {{ corporationDetails.get(controls.CompanyEmail)?.value }}\r
+          </p>\r
+        </div>\r
+      </expandable-card>\r
+    }\r
+\r
+    @let filingDetails = getFormGroup(groups.FilingDetails);\r
+\r
+    @if (filingDetails) {\r
+      <expandable-card\r
+        [isStatusIcon]="!readonly()"\r
+        [isValid]="sectionValidity['filingDetails']"\r
+        [title]="groups.FilingDetails"\r
+      >\r
+        <div class="filing-details" [formGroup]="filingDetails">\r
+          <div class="note-box">\r
+            <strong>{{ 'Note' | translate }}:</strong>\r
+            {{\r
+              'There is no fee for changing the legal name or the address of a director. A filing fee applies when directors are added or deleted as part of this filing.'\r
+                | translate\r
+            }}\r
+          </div>\r
+\r
+          <mat-checkbox\r
+            class="directors-change-checkbox"\r
+            [formControlName]="controls.DirectorsAddedOrDeleted"\r
+            (change)="\r
+              filingDetails.get(controls.ChangeDate)?.reset(\r
+                filingDetails.get(controls.DirectorsAddedOrDeleted)?.value\r
+                  ? filingDetails.get(controls.ChangeDate)?.value\r
+                  : null,\r
+                { emitEvent: false }\r
+              );\r
+              filingDetails.get(controls.ChangeDate)?.updateValueAndValidity({ emitEvent: false });\r
+              onSectionValidChange('filingDetails', filingDetails.valid)\r
+            "\r
+          >\r
+            {{ 'Directors will be added and/or deleted as part of this filing' | translate }}\r
+          </mat-checkbox>\r
+\r
+          @if (filingDetails.get(controls.DirectorsAddedOrDeleted)?.value) {\r
+            <div class="filing-details-grid">\r
+              <div class="date-field">\r
+                <label>\r
+                  {{ 'Date Directors were added or deleted' | translate }}<span>*</span>\r
+                </label>\r
+                <mat-form-field appearance="outline">\r
+                  <input\r
+                    matInput\r
+                    [matDatepicker]="changeDatePicker"\r
+                    [formControlName]="controls.ChangeDate"\r
+                    placeholder="dd/mm/yyyy"\r
+                    readonly\r
+                    (click)="changeDatePicker.open()"\r
+                    (dateChange)="onSectionValidChange('filingDetails', filingDetails.valid)"\r
+                  />\r
+                  <button\r
+                    type="button"\r
+                    class="calendar-trigger"\r
+                    aria-label="Open date picker"\r
+                    (click)="changeDatePicker.open()"\r
+                  >\r
+                    <span class="calendar-icon" aria-hidden="true"></span>\r
+                  </button>\r
+                  <mat-datepicker #changeDatePicker></mat-datepicker>\r
+                </mat-form-field>\r
+                <p class="hint">\r
+                  {{\r
+                    "The date on which the individual(s) became or ceased to be a director. This date must be today's date or in the past."\r
+                      | translate\r
+                  }}\r
+                </p>\r
+              </div>\r
+\r
+              <p class="filing-fee">\r
+                <strong>{{ 'Filing Fee' | translate }}:</strong>\r
+                {{ filingDetails.get(controls.FilingFee)?.value }}\r
+              </p>\r
+            </div>\r
+          }\r
+        </div>\r
+      </expandable-card>\r
+    }\r
+\r
+    @let directorsArray = getFormArray(groups.Directors);\r
+\r
+    <expandable-card [isStatusIcon]="false" [title]="groups.Directors">\r
+      <filing-form-group\r
+        [isSubmitted]="isSubmitted()"\r
+        [form]="form()"\r
+        [config]="directorsIntroFields()"\r
+      />\r
+\r
+      @if (directorsArray && directorsArray.length) {\r
+        <div class="directors-table" role="table">\r
+          <div class="directors-table-header" role="row">\r
+            <div role="columnheader">{{ 'Name' | translate }}</div>\r
+            <div role="columnheader">{{ 'Mailing Address' | translate }}</div>\r
+            <div role="columnheader">{{ 'Delivery Address' | translate }}</div>\r
+          </div>\r
+\r
+          @for (director of directorsArray.controls; track director; let i = $index) {\r
+            @let directorForm = getDirectorForm(i);\r
+            @if (directorForm) {\r
+              <div class="directors-table-row" role="row">\r
+                <div role="cell">\r
+                  <strong>{{ directorForm.get(controls.AffiliationName)?.value }}</strong>\r
+                  @if (isNewDirector(directorForm)) {\r
+                    <span class="status-pill new">{{ 'NEW' | translate }}</span>\r
+                  }\r
+                  @if (isCeasedDirector(directorForm)) {\r
+                    <span class="status-pill ceased">{{ 'CEASE' | translate }}</span>\r
+                  }\r
+                </div>\r
+                <div role="cell">{{ directorForm.get(controls.MailingAddress)?.value }}</div>\r
+                <div role="cell">{{ directorForm.get(controls.DeliveryAddress)?.value }}</div>\r
+              </div>\r
+            }\r
+          }\r
+        </div>\r
+      } @else {\r
+        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
+      }\r
+    </expandable-card>\r
+\r
+    @let annualReportReminder = getFormGroup(groups.AnnualReportReminder);\r
+\r
+    @if (annualReportReminder) {\r
+      <expandable-card\r
+        [isStatusIcon]="!readonly()"\r
+        [isValid]="sectionValidity['annualReportReminder']"\r
+        [title]="groups.AnnualReportReminder"\r
+      >\r
+        <div class="annual-reminder" [formGroup]="annualReportReminder">\r
+          <p>\r
+            {{\r
+              "Does this company wish to be reminded to file its annual reports? If an email address is specified, the reminder will be sent to the company's email address. Otherwise, the reminder will be mailed to the registered or head office of the company."\r
+                | translate\r
+            }}\r
+          </p>\r
+          <mat-radio-group\r
+            [formControlName]="controls.AnnualReportReminder"\r
+            (change)="onSectionValidChange('annualReportReminder', annualReportReminder.valid)"\r
+          >\r
+            <mat-radio-button [value]="annualReportReminderOption.Yes">\r
+              {{ 'Yes, send the annual report reminder' | translate }}\r
+            </mat-radio-button>\r
+            <mat-radio-button [value]="annualReportReminderOption.No">\r
+              {{ 'No, I do not need to be reminded' | translate }}\r
+            </mat-radio-button>\r
+          </mat-radio-group>\r
+        </div>\r
+      </expandable-card>\r
+    }\r
+  </div>\r
+</div>\r
 `, styles: ['/* src/app/components/british-columbia/change-of-directors/change-of-directors-form/change-of-directors-form.component.scss */\n:host {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  color: #2f343b;\n}\n:host .change-of-directors-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n  min-height: 0;\n  width: 100%;\n}\n:host .change-of-directors-form-content {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: 20px;\n  min-height: 0;\n  overflow-y: auto;\n  padding-right: 8px;\n}\n:host ::ng-deep .expandable-card {\n  border: 1px solid #e1e6ee;\n  border-radius: 8px;\n  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12) !important;\n  margin: 0 !important;\n  padding: 24px 28px !important;\n}\n:host ::ng-deep .expandable-card-header-title {\n  color: #2f343b !important;\n  font-weight: 700 !important;\n  line-height: 1.2;\n  margin: 0;\n}\n:host ::ng-deep .expandable-card-header mat-icon {\n  color: #66717f !important;\n}\n:host ::ng-deep .expandable-card-content {\n  padding-top: 20px !important;\n}\n:host ::ng-deep .filling-form-fields {\n  column-gap: 42px !important;\n}\n:host ::ng-deep .filling-form-fields-item-label,\n:host ::ng-deep .mat-mdc-radio-button .mdc-label,\n:host ::ng-deep .mat-mdc-checkbox .mdc-label {\n  color: #4b5563 !important;\n  font-size: 14px !important;\n  line-height: 1.45;\n}\n:host ::ng-deep .mat-mdc-radio-button,\n:host ::ng-deep .mat-mdc-checkbox {\n  --mdc-radio-state-layer-size: 40px;\n  --mdc-checkbox-state-layer-size: 40px;\n}\n:host ::ng-deep .mat-mdc-form-field {\n  width: 100%;\n}\n:host ::ng-deep .mat-mdc-text-field-wrapper {\n  min-height: 46px;\n}\n:host ::ng-deep .mat-mdc-form-field-infix {\n  align-items: center;\n  display: flex !important;\n  min-height: 46px;\n  padding-bottom: 0 !important;\n  padding-top: 0 !important;\n}\n:host ::ng-deep .mdc-notched-outline__leading {\n  border-bottom-left-radius: 6px !important;\n  border-top-left-radius: 6px !important;\n}\n:host ::ng-deep .mdc-notched-outline__trailing {\n  border-bottom-right-radius: 6px !important;\n  border-top-right-radius: 6px !important;\n}\n:host .readonly-summary {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  color: #4b5563;\n  font-size: 14px;\n  line-height: 1.35;\n}\n:host .readonly-summary p {\n  margin: 0;\n}\n:host .readonly-summary strong {\n  color: #2f343b;\n  font-weight: 700;\n}\n:host .filing-details,\n:host .annual-reminder {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n:host .note-box {\n  border: 1px solid #f3d27a;\n  border-radius: 6px;\n  background: #fffaf0;\n  color: #84610d;\n  font-size: 14px;\n  line-height: 1.55;\n  padding: 16px 20px;\n}\n:host .note-box strong {\n  font-weight: 700;\n}\n:host .directors-change-checkbox {\n  align-self: flex-start;\n}\n:host .filing-details-grid {\n  display: grid;\n  grid-template-columns: minmax(280px, 1fr) minmax(220px, 1fr);\n  column-gap: 56px;\n  align-items: start;\n  max-width: 980px;\n}\n:host .date-field,\n:host .email-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n:host .date-field label,\n:host .email-field label {\n  color: #4b5563;\n  font-size: 14px;\n  line-height: 1.35;\n}\n:host .date-field span,\n:host .email-field span {\n  color: #e22222;\n}\n:host .hint,\n:host .annual-reminder p,\n:host .mailing-copy {\n  color: #6b7280;\n  font-size: 14px;\n  line-height: 1.5;\n  margin: 0;\n}\n:host .filing-fee {\n  color: #4b5563;\n  font-size: 14px;\n  line-height: 1.35;\n  margin: 46px 0 0;\n}\n:host .filing-fee strong {\n  color: #2f343b;\n  font-weight: 700;\n}\n:host .directors-table {\n  display: grid;\n  grid-template-columns: minmax(180px, 0.7fr) minmax(280px, 1.65fr) minmax(280px, 1.65fr);\n  margin-top: 28px;\n  color: #4b5563;\n  font-size: 14px;\n  line-height: 1.45;\n}\n:host .directors-table-header,\n:host .directors-table-row {\n  display: contents;\n}\n:host .directors-table-header > div,\n:host .directors-table-row > div {\n  border-bottom: 1px solid #e1e6ee;\n  padding: 16px 24px;\n}\n:host .directors-table-header > div:not(:first-child),\n:host .directors-table-row > div:not(:first-child) {\n  border-left: 1px solid #e1e6ee;\n}\n:host .directors-table-header > div {\n  color: #2f343b;\n  font-weight: 700;\n  padding-top: 0;\n}\n:host .directors-table-row strong {\n  color: #2f343b;\n  display: block;\n  font-weight: 700;\n  margin-bottom: 8px;\n}\n:host .status-pill {\n  border-radius: 999px;\n  display: inline-flex;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n  padding: 6px 12px;\n}\n:host .status-pill.new {\n  background: #eaf7ef;\n  border: 1px solid #b8e3c7;\n  color: #15803d;\n}\n:host .status-pill.ceased {\n  background: #fff1f2;\n  border: 1px solid #fecdd3;\n  color: #be123c;\n}\n:host mat-radio-group {\n  display: flex;\n  gap: 48px;\n}\n:host .annual-reminder mat-radio-group {\n  align-items: flex-start;\n  flex-direction: column;\n  gap: 14px;\n}\n:host .date-field mat-form-field {\n  position: relative;\n  width: 100%;\n}\n:host .date-field ::ng-deep .calendar-icon {\n  border: 2px solid #4b5563;\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: block;\n  height: 17px;\n  position: relative;\n  width: 17px;\n}\n:host .date-field ::ng-deep .calendar-icon::before {\n  border-top: 2px solid #4b5563;\n  content: "";\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 4px;\n}\n:host .date-field ::ng-deep .calendar-icon::after {\n  background: #4b5563;\n  border-radius: 1px;\n  box-shadow: 6px 0 #4b5563;\n  content: "";\n  height: 3px;\n  left: 3px;\n  position: absolute;\n  top: -3px;\n  width: 2px;\n}\n:host .date-field .calendar-trigger {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  display: flex;\n  height: 40px;\n  justify-content: center;\n  padding: 0;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  z-index: 2;\n}\n:host .date-field .calendar-trigger:hover {\n  background: #f3f4f6;\n  border-radius: 50%;\n}\n@media (max-width: 900px) {\n  :host .filing-details-grid,\n  :host .directors-table {\n    grid-template-columns: 1fr;\n  }\n  :host .directors-table-header {\n    display: none;\n  }\n  :host .directors-table-row {\n    display: grid;\n    grid-template-columns: 1fr;\n    border-bottom: 1px solid #e1e6ee;\n  }\n  :host .directors-table-row > div {\n    border: 0;\n    padding: 14px 0;\n  }\n  :host mat-radio-group {\n    flex-direction: column;\n    gap: 14px;\n  }\n}\n/*# sourceMappingURL=change-of-directors-form.component.css.map */\n'] }]
         }], null, null);
       })();
@@ -86129,27 +86146,15 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           dynamicLabel: (_, t) => t("There is an additional fee of {{fee}} for an effective date in the future.").replace("{{fee}}", BC_FUTURE_EFFECTIVE_DATE_FEE)
         },
         {
-          type: FormType.Input,
-          inputType: "email",
+          // Options are filled per task from `task.entity.emailOptions` by the incorporation form.
+          type: FormType.Select,
           label: "Company Email",
           formControlName: BCFormationFormControls.CompanyEmail,
           required: true,
-          maxLength: BC_COMPANY_EMAIL_MAX_LENGTH,
-          errorMessage: "Enter a valid email address",
-          showRequiredMessage: true,
-          class: "span-6"
-        },
-        {
-          type: FormType.Input,
-          inputType: "password",
-          label: "Company Password",
-          formControlName: BCFormationFormControls.CompanyPassword,
-          required: true,
-          maxLength: BC_PASSWORD_MAX_LENGTH,
-          errorMessage: "Company Password must be 8 to 15 characters",
-          showRequiredMessage: true,
+          options: [],
           class: "span-6"
         }
+        // The company password is not shown: it is taken from the entity's registry ID.
       ];
       BC_FORMATION_DELTA_CARD_FORM_NAME_TRANSLATION_FIELDS = [
         {
@@ -86508,7 +86513,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       const corporationDetails_r11 = \u0275\u0275readContextLet(6);
       \u0275\u0275property("isValid", ctx_r0.sectionValidity["corpDetails"] && ctx_r0.sectionValidity["nameTranslation"] && ctx_r0.areNameTranslationsValid())("isStatusIcon", ctx_r0.statusIcon())("title", ctx_r0.groups.CorporationDetails);
       \u0275\u0275advance(2);
-      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", corporationDetails_r11)("config", ctx_r0.corporationDetailsFields);
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", corporationDetails_r11)("config", ctx_r0.corporationDetailsFields());
       \u0275\u0275advance(2);
       \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(5, 11, "Name Translation"));
       \u0275\u0275advance(2);
@@ -86743,7 +86748,12 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         groups = BCFormationFormGroups;
         controls = BCFormationFormControls;
         referenceNumbersFields = BC_FORMATION_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS;
-        corporationDetailsFields = BC_FORMATION_DELTA_CARD_FORM_CORPORATION_DETAILS_FIELDS;
+        /** Corporation Details fields, with the Company Email dropdown filled from the task. */
+        corporationDetailsFields = computed(() => {
+          const currentEmail = this.form().get(this.groups.CorporationDetails)?.get(this.controls.CompanyEmail)?.value;
+          const emailOptions = BritishColumbiaFormationFormHelper.buildCompanyEmailOptions(this.task(), currentEmail);
+          return BC_FORMATION_DELTA_CARD_FORM_CORPORATION_DETAILS_FIELDS.map((field) => field.formControlName === this.controls.CompanyEmail ? __spreadProps(__spreadValues({}, field), { options: emailOptions }) : field);
+        });
         nameTranslationFields = BC_FORMATION_DELTA_CARD_FORM_NAME_TRANSLATION_FIELDS;
         nameTranslationRowFields = BC_FORMATION_DELTA_CARD_FORM_NAME_TRANSLATION_ROW_FIELDS;
         registeredOfficeFields = BC_FORMATION_CARD_FORM_REGISTERED_OFFICE_FIELDS;
@@ -86933,7 +86943,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           <filing-form-group\r
             [isSubmitted]="isSubmitted()"\r
             [form]="corporationDetails"\r
-            [config]="corporationDetailsFields"\r
+            [config]="corporationDetailsFields()"\r
             (visiblyValidChange)="onSectionValidChange('corpDetails', $event)"\r
           />\r
 \r
@@ -94036,11 +94046,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           });
         }
         getOnbisOrigin() {
-          const filingUrl = this.config?.ONFiling;
+          const filingUrl = this.config?.BCFiling;
           if (!filingUrl) {
-            throw new Error("BritishColumbiaChangeOfDirectorsService: missing EnvConfig.ONFiling.");
+            throw new Error("BritishColumbiaChangeOfDirectorsService: missing EnvConfig.BCFiling.");
           }
-          return new URL(filingUrl).origin;
+          return filingUrl.replace(/\/$/, "");
         }
         static \u0275fac = function BritishColumbiaChangeOfDirectorsService_Factory(__ngFactoryType__) {
           return new (__ngFactoryType__ || _BritishColumbiaChangeOfDirectorsService)();
@@ -94060,8 +94070,12 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
 
   // src/app/helpers/mappers/british-columbia-change-of-directors.mapper.ts
   function buildBritishColumbiaChangeOfDirectorsValidationRequest(task, deltaData) {
+    const source = task.changeDirectors ?? task.deltaData?.changeDirectors ?? task.deltaData?.validatedData?.ChangeDirectors ?? task.deltaData?.validatedData?.filing;
     const incomingDirectors = (task.incomingAffiliations ?? []).filter(isDirectorAffiliation);
     const outgoingDirectors = (task.outgoingAffiliations ?? []).filter(isDirectorAffiliation);
+    const addedDirectors = [...source?.AddedDirectors ?? [], ...source?.AddDirector ?? [], ...source?.addDirectors ?? []];
+    const ceasedDirectors = [...source?.CeasedDirectors ?? [], ...source?.CeaseDirector ?? [], ...source?.ceaseDirectors ?? []];
+    const editedDirectors = [...source?.EditedDirectors ?? [], ...source?.EditDirector ?? [], ...source?.editDirectors ?? []];
     const companyEmail = findCompanyEmail(task);
     const serviceOrderId = deltaData.serviceOrderId;
     return __spreadValues({
@@ -94071,9 +94085,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         docket: deltaData.referenceNumbers.docketNumber ?? null,
         addOrDeleteDirectors: deltaData.filingDetails.directorsAddedOrDeleted,
         effectiveDate: toYyyyMmDd(deltaData.filingDetails.changeDate) ?? toYyyyMmDd(/* @__PURE__ */ new Date()),
-        addDirectors: incomingDirectors.map((affiliation) => buildDirector(affiliation)),
-        ceaseDirectors: outgoingDirectors.map((affiliation) => buildDirector(affiliation)),
-        editDirectors: [],
+        addDirectors: (incomingDirectors.length ? incomingDirectors : addedDirectors).map((affiliation) => buildDirector(affiliation)),
+        ceaseDirectors: (outgoingDirectors.length ? outgoingDirectors : ceasedDirectors).map((affiliation) => buildDirector(affiliation)),
+        editDirectors: editedDirectors.length ? editedDirectors.map((director) => buildDirector(director)) : [],
         companyEmail,
         isAnnualReportReminderRequired: deltaData.annualReportReminder === BCAnnualReportReminder.Yes
       }
@@ -94083,15 +94097,54 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     return isPrincipalAffiliation2(affiliation) && affiliation.role?.role_name === "Director";
   }
   function buildDirector(affiliation) {
+    if (affiliation?.PersonName || affiliation?.personName || affiliation?.firstName || affiliation?.FirstName) {
+      const name = affiliation.PersonName ?? affiliation.personName ?? affiliation;
+      return {
+        firstName: name.FirstName ?? name.firstName ?? "",
+        middleName: name.MiddleName ?? name.middleName ?? "",
+        lastName: name.LastName ?? name.lastName ?? "",
+        mailingAddress: affiliation.mailingAddress ?? affiliation.MailingAddress,
+        deliveryAddress: affiliation.deliveryAddress ?? affiliation.DeliveryAddress,
+        isDeliveryAddressSameAsMailing: affiliation.isDeliveryAddressSameAsMailing
+      };
+    }
     const profile = affiliation.participant?._profile ?? {};
     const addresses = getAffiliationAddresses(affiliation);
+    const mailingAddress = mapAddress4(BritishColumbiaFormationFormHelper.pickAddress(addresses, "Mailing"));
+    const deliveryAddress = mapAddress4(BritishColumbiaFormationFormHelper.pickAddress(addresses, "Delivery"));
     return {
       firstName: profile.firstName ?? "",
       middleName: profile.middleName ?? "",
       lastName: profile.lastName ?? "",
+      mailingAddress,
+      deliveryAddress,
       isDeliveryAddressSameAsMailing: isDeliveryAddressSameAsMailing(addresses)
     };
   }
+  function mapAddress4(address) {
+    if (!address)
+      return void 0;
+    const raw = address;
+    const postalAddress = raw.PostalAddress ?? raw.postalAddress;
+    const source = postalAddress?.AddressCA ?? postalAddress?.AddressUS ?? postalAddress?.AddressINTL ?? raw;
+    const streetNumber = address.components?.find((component) => component.name === "Street Number Only")?.value;
+    const streetName = address.components?.find((component) => component.name === "Street Only")?.value;
+    const suite = address.components?.find((component) => component.name === "Suite/Apartment")?.value;
+    const streetAddress = [streetNumber, streetName].filter(Boolean).join(" ") || address.components?.find((component) => component.name === "Street Address")?.value || source.streetAddress || source.Address1 || raw.street || "";
+    const country = source.country ?? source.CountryCodeName ?? raw.country ?? "";
+    const postal = source.postalOrZipCode ?? source.PostCode ?? source.postalZip ?? raw.postal_zip ?? "";
+    return {
+      streetAddress: [streetAddress, suite].filter(Boolean).join(", "),
+      city: source.city ?? source.CityTown ?? raw.city ?? "",
+      provinceState: source.provinceState ?? source.RegionName ?? raw.province_state ?? "",
+      country,
+      postalOrZipCode: country === "CA" ? normalizeCanadianPostal(postal) : postal
+    };
+  }
+  function normalizeCanadianPostal(value) {
+    const compact = value.replace(/[\s-]+/g, "").toUpperCase();
+    return /^[A-Z]\d[A-Z]\d[A-Z]\d$/.test(compact) ? `${compact.slice(0, 3)} ${compact.slice(3)}` : value;
+  }
   function findCompanyEmail(task) {
     const affiliations = task.entity.affiliations ?? [];
     const registeredOffice = BritishColumbiaFormationFormHelper.findSharedAddressAffiliation(affiliations, AddressTitle2.REGISTERED_OFFICE);
@@ -94225,10 +94278,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         \u0275\u0275restoreView(_r6);
         const ctx_r2 = \u0275\u0275nextContext(2);
         return \u0275\u0275resetView(ctx_r2.onBritishColumbiaFormationSubmit());
-      })("nextStep", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_nextStep_0_listener() {
-        \u0275\u0275restoreView(_r6);
-        const ctx_r2 = \u0275\u0275nextContext(2);
-        return \u0275\u0275resetView(ctx_r2.onNextStepClick());
       });
       \u0275\u0275elementEnd();
     }
@@ -94610,7 +94659,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
                 delete this.task()?.deltaData.validatedData;
               }
               this.deltaDataChange.emit(__spreadProps(__spreadValues({}, deltaData), {
-                serviceOrderId,
+                serviceOrderId: serviceOrderId || task.deltaData?.serviceOrderId || "",
                 validatedData: JSON.parse(JSON.stringify(requestBody))
               }));
               this.close.emit();
@@ -94623,10 +94672,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         }
         onBritishColumbiaChangeOfDirectorsSave(deltaData) {
           const oldDeltaData = this.task()?.deltaData;
+          const persistedDirectorChanges = oldDeltaData?.changeDirectors ?? oldDeltaData?.validatedData?.filing ?? oldDeltaData?.validatedData?.ChangeDirectors;
           if (oldDeltaData) {
             delete this.task()?.deltaData;
           }
-          this.deltaDataChange.emit(deltaData);
+          this.deltaDataChange.emit(__spreadValues(__spreadValues({}, deltaData), persistedDirectorChanges ? { changeDirectors: persistedDirectorChanges } : {}));
         }
         onBritishColumbiaChangeOfDirectorsSubmit() {
           return __async(this, null, function* () {
@@ -94634,7 +94684,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               this.isLoading.set(true);
               this.errors.set([]);
               const signature = this._signature();
-              const serviceOrderId = this.task()?.deltaData?.serviceOrderId;
+              const serviceOrderId = this.task()?.deltaData?.serviceOrderId ?? this.serviceOrderId;
               if (!signature || !serviceOrderId) {
                 throw new Error("Missing serviceOrderId.");
               }
@@ -95075,6 +95125,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             initialDelta = isOntarioTask(task) ? this.deltaState.formationInitialDelta() : isBritishColumbiaTask(task) ? this.deltaState.bcFormationInitialDelta() : this.deltaState.federalFormationInitialDelta();
           } else if (isUpdateMaintain(task)) {
             initialDelta = isOntarioTask(task) ? this.deltaState.initialReturnInitialDelta() : this.deltaState.federalUpdateMaintainInitialDelta();
+          } else if (isChangeOfPrincipalsTask(task) && isBritishColumbiaTask(task)) {
+            initialDelta = this.deltaState.bcChangeOfDirectorsInitialDelta();
           }
           const deltaChanged = !deepEqual(normalizeForCompare(initialDelta), normalizeForCompare(copy));
           const taskFromDeltaData = task.deltaData.validatedData;
@@ -95208,7 +95260,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     @let currentTask = task();\r
 \r
     @if (currentTask) {\r
-      @if (isOntarioTask(currentTask)) {
+      @if (isOntarioTask(currentTask)) {\r
         <ontario\r
           [task]="currentTask"\r
           [activeStep]="activeStep()"\r
@@ -95227,24 +95279,23 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           (saveIrDeltaData)="onOntarioUpdateMaintainSave($event)"\r
           (irSubmit)="onInitialReturnSubmit()"\r
         />\r
-      } @else if (isBritishColumbiaTask(currentTask)) {
+      } @else if (isBritishColumbiaTask(currentTask)) {\r
         <british-columbia\r
           [task]="currentTask"\r
           [currentUser]="currentUser()"\r
           [activeStep]="activeStep()"\r
           [isNote]="dataWasChanged()"\r
           [actionsDisabled]="isLoading()"\r
-          [errors]="errors()"
-          (close)="close.emit()"
-          (nextStep)="onNextStepClick()"
-          (prevStep)="onOntarioPrevStep()"
-          (codValidate)="onBritishColumbiaChangeOfDirectorsValidate($event)"
-          (saveCodDeltaData)="onBritishColumbiaChangeOfDirectorsSave($event)"
-          (codSubmit)="onBritishColumbiaChangeOfDirectorsSubmit()"
-          (formationValidate)="onBritishColumbiaFormationValidate($event)"
+          [errors]="errors()"\r
+          (close)="close.emit()"\r
+          (nextStep)="onNextStepClick()"\r
+          (prevStep)="onOntarioPrevStep()"\r
+          (codValidate)="onBritishColumbiaChangeOfDirectorsValidate($event)"\r
+          (saveCodDeltaData)="onBritishColumbiaChangeOfDirectorsSave($event)"\r
+          (codSubmit)="onBritishColumbiaChangeOfDirectorsSubmit()"\r
+          (formationValidate)="onBritishColumbiaFormationValidate($event)"\r
           (saveFormationDeltaData)="onBritishColumbiaFormationSave($event)"\r
           (formationSubmit)="onBritishColumbiaFormationSubmit()"\r
-          (nextStep)="onNextStepClick()"\r
         />\r
       } @else {\r
         <federal\r
@@ -95262,7 +95313,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           (umSubmit)="onFederalUpdateMaintainSubmit()"\r
           (nextStep)="defineInitialStep()"\r
         />\r
-      }
+      }\r
     }\r
 \r
     @if (isLoading()) {\r
@@ -95271,7 +95322,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     </div>\r
     }\r
   </div>\r
-</div>
+</div>\r
 `, styles: ["/* src/app/components/filing/filing.component.scss */\n:host {\n  display: flex;\n  width: 100%;\n  min-width: 0;\n  min-height: 480px;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n:host .filing {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  min-height: 0;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  box-sizing: border-box;\n  background: #ffffff;\n}\n:host .filing-title {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n:host .filing-title-text {\n  color: #666666;\n}\n:host .filing-title-action {\n  cursor: pointer;\n}\n:host .filing-header {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n}\n:host .filing-content {\n  min-height: 0;\n  height: calc(100% - 44px);\n}\n:host .filing-content.edit {\n  height: calc(100% - 95px);\n}\n:host .filing-content-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  background: transparent;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.pointer {\n  cursor: pointer;\n}\n/*# sourceMappingURL=filing.component.css.map */\n", '/* src/app/components/filing/typography.scss */\n:host {\n  --filing-modal-color-grey: #444444;\n  --filing-modal-color-dark-blue: #485673;\n  --filing-modal-color-grey-mid: #A0A0A0;\n  --filing-modal-color-light-blue: #3778E4;\n  --filing-modal-color-black: #444444;\n}\nmat-icon {\n  font-family: "Material Icons" !important;\n  font-size: 20px;\n  height: 20px;\n  width: 20px;\n  line-height: 20px;\n}\nh1 {\n  font-size: 24px;\n  line-height: 28px;\n  font-weight: 700;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh2 {\n  font-size: 22px;\n  line-height: 26px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh3 {\n  font-size: 18px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin-top: 0;\n  margin-bottom: 0;\n}\nh4 {\n  font-size: 16px;\n  line-height: 22px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh4 {\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\n.body-1-regular {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-1-bold {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\n.body-1-semibold {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 600;\n  font-family: "Open Sans";\n}\n.body-2-regular {\n  line-height: 20px;\n  font-size: 12px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-2-bold {\n  line-height: 20px;\n  font-size: 12px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\n.body-3-regular {\n  line-height: 20px;\n  font-size: 16px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-4-regular {\n  line-height: 18px;\n  font-size: 18px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-4-bold {\n  line-height: 20px;\n  font-size: 20px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  margin: 0;\n}\n.black {\n  color: var(--filing-modal-color-black);\n}\n.grey {\n  color: var(--filing-modal-color-grey);\n}\n.dark-blue {\n  color: var(--filing-modal-color-dark-blue);\n}\n.grey-mid {\n  color: var(--filing-modal-color-grey-mid);\n}\n.light-blue {\n  color: var(--filing-modal-color-light-blue);\n}\n/*# sourceMappingURL=typography.css.map */\n', '/* src/app/components/filing/material-theme.scss */\n.filling {\n  height: 100%;\n  overflow: hidden;\n}\n* {\n  box-sizing: border-box;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n}\n.filling {\n  margin: 0;\n  font-family: "Helvetica Neue", sans-serif;\n}\n.filing {\n  --app-font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    "Helvetica Neue",\n    Helvetica,\n    Arial,\n    sans-serif;\n  --mat-sys-background: #faf9fd;\n  --mat-sys-error: #ba1a1a;\n  --mat-sys-error-container: #ffdad6;\n  --mat-sys-inverse-on-surface: #f2f0f4;\n  --mat-sys-inverse-primary: #abc7ff;\n  --mat-sys-inverse-surface: #2f3033;\n  --mat-sys-on-background: #1a1b1f;\n  --mat-sys-on-error: #ffffff;\n  --mat-sys-on-error-container: #93000a;\n  --mat-sys-on-primary: #ffffff;\n  --mat-sys-on-primary-container: #00458f;\n  --mat-sys-on-primary-fixed: #001b3f;\n  --mat-sys-on-primary-fixed-variant: #00458f;\n  --mat-sys-on-secondary: #ffffff;\n  --mat-sys-on-secondary-container: #3e4759;\n  --mat-sys-on-secondary-fixed: #131c2b;\n  --mat-sys-on-secondary-fixed-variant: #3e4759;\n  --mat-sys-on-surface: #1a1b1f;\n  --mat-sys-on-surface-variant: var(--filing-modal-color-grey);\n  --mat-sys-on-tertiary: #ffffff;\n  --mat-sys-on-tertiary-container: #0000ef;\n  --mat-sys-on-tertiary-fixed: #00006e;\n  --mat-sys-on-tertiary-fixed-variant: #0000ef;\n  --mat-sys-outline: #74777f;\n  --mat-sys-outline-variant: #c4c6d0;\n  --mat-sys-primary: #3778e4;\n  --mat-sys-primary-container: #d7e3ff;\n  --mat-sys-primary-fixed: #d7e3ff;\n  --mat-sys-primary-fixed-dim: #abc7ff;\n  --mat-sys-scrim: #000000;\n  --mat-sys-secondary: #565e71;\n  --mat-sys-secondary-container: #dae2f9;\n  --mat-sys-secondary-fixed: #dae2f9;\n  --mat-sys-secondary-fixed-dim: #bec6dc;\n  --mat-sys-shadow: #000000;\n  --mat-sys-surface: #faf9fd;\n  --mat-sys-surface-bright: #faf9fd;\n  --mat-sys-surface-container: #efedf0;\n  --mat-sys-surface-container-high: #e9e7eb;\n  --mat-sys-surface-container-highest: #e3e2e6;\n  --mat-sys-surface-container-low: #f4f3f6;\n  --mat-sys-surface-container-lowest: #ffffff;\n  --mat-sys-surface-dim: #dbd9dd;\n  --mat-sys-surface-tint: #005cbb;\n  --mat-sys-surface-variant: #e0e2ec;\n  --mat-sys-tertiary: #343dff;\n  --mat-sys-tertiary-container: #e0e0ff;\n  --mat-sys-tertiary-fixed: #e0e0ff;\n  --mat-sys-tertiary-fixed-dim: #bec2ff;\n  --mat-sys-neutral-variant20: #2d3038;\n  --mat-sys-neutral10: #1a1b1f;\n  --mdc-filled-button-container-height: 35px;\n  --mdc-outlined-button-container-height: 35px;\n  --mdc-text-button-label-text-color: #808090;\n  --mdc-filled-button-label-text-weight: 600;\n  --mdc-text-button-label-text-weight: 600;\n  --mdc-filled-button-container-shape: 4px;\n  --mdc-outlined-button-outline-color: none;\n  --mdc-outlined-button-container-shape: 6px;\n  --mat-sys-level0:\n    0px 0px 0px 0px rgba(0, 0, 0, 0.2),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.14),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level1:\n    0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n    0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level2:\n    0px 3px 3px -2px rgba(0, 0, 0, 0.2),\n    0px 3px 4px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level3:\n    0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n    0px 6px 10px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level4:\n    0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n    0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n    0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mat-sys-level5:\n    0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n    0px 12px 17px 2px rgba(0, 0, 0, 0.14),\n    0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n  --mdc-outlined-button-label-text-size: 14px;\n  --mdc-filled-button-label-text-size: 14px;\n  --mdc-filled-text-field-label-text-size: 16px;\n  --mat-sys-body-large: 400 1rem / 1.5rem var(--app-font-family);\n  --mat-sys-body-large-font: var(--app-font-family);\n  --mat-sys-body-large-line-height: 1.5rem;\n  --mat-sys-body-large-size: 14px;\n  --mat-sys-body-large-tracking: 0.031rem;\n  --mat-sys-body-large-weight: 400;\n  --mat-sys-body-medium: 400 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-body-medium-font: var(--app-font-family);\n  --mat-sys-body-medium-line-height: 1.25rem;\n  --mat-sys-body-medium-size: 0.875rem;\n  --mat-sys-body-medium-tracking: 0.016rem;\n  --mat-sys-body-medium-weight: 400;\n  --mat-sys-body-small: 400 0.75rem / 1rem var(--app-font-family);\n  --mat-sys-body-small-font: var(--app-font-family);\n  --mat-sys-body-small-line-height: 1rem;\n  --mat-sys-body-small-size: 0.75rem;\n  --mat-sys-body-small-tracking: 0.025rem;\n  --mat-sys-body-small-weight: 400;\n  --mat-sys-display-large: 400 3.562rem / 4rem var(--app-font-family);\n  --mat-sys-display-large-font: var(--app-font-family);\n  --mat-sys-display-large-line-height: 4rem;\n  --mat-sys-display-large-size: 3.562rem;\n  --mat-sys-display-large-tracking: -0.016rem;\n  --mat-sys-display-large-weight: 400;\n  --mat-sys-display-medium: 400 2.812rem / 3.25rem var(--app-font-family);\n  --mat-sys-display-medium-font: var(--app-font-family);\n  --mat-sys-display-medium-line-height: 3.25rem;\n  --mat-sys-display-medium-size: 2.812rem;\n  --mat-sys-display-medium-tracking: 0;\n  --mat-sys-display-medium-weight: 400;\n  --mat-sys-display-small: 400 2.25rem / 2.75rem var(--app-font-family);\n  --mat-sys-display-small-font: var(--app-font-family);\n  --mat-sys-display-small-line-height: 2.75rem;\n  --mat-sys-display-small-size: 2.25rem;\n  --mat-sys-display-small-tracking: 0;\n  --mat-sys-display-small-weight: 400;\n  --mat-sys-headline-large: 400 2rem / 2.5rem var(--app-font-family);\n  --mat-sys-headline-large-font: var(--app-font-family);\n  --mat-sys-headline-large-line-height: 2.5rem;\n  --mat-sys-headline-large-size: 2rem;\n  --mat-sys-headline-large-tracking: 0;\n  --mat-sys-headline-large-weight: 400;\n  --mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--app-font-family);\n  --mat-sys-headline-medium-font: var(--app-font-family);\n  --mat-sys-headline-medium-line-height: 2.25rem;\n  --mat-sys-headline-medium-size: 1.75rem;\n  --mat-sys-headline-medium-tracking: 0;\n  --mat-sys-headline-medium-weight: 400;\n  --mat-sys-headline-small: 400 1.5rem / 2rem var(--app-font-family);\n  --mat-sys-headline-small-font: var(--app-font-family);\n  --mat-sys-headline-small-line-height: 2rem;\n  --mat-sys-headline-small-size: 1.5rem;\n  --mat-sys-headline-small-tracking: 0;\n  --mat-sys-headline-small-weight: 400;\n  --mat-sys-label-large: 500 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-label-large-font: var(--app-font-family);\n  --mat-sys-label-large-line-height: 1.25rem;\n  --mat-sys-label-large-size: 0.875rem;\n  --mat-sys-label-large-tracking: 0.006rem;\n  --mat-sys-label-large-weight: 500;\n  --mat-sys-label-large-weight-prominent: 700;\n  --mat-sys-label-medium: 500 0.75rem / 1rem var(--app-font-family);\n  --mat-sys-label-medium-font: var(--app-font-family);\n  --mat-sys-label-medium-line-height: 1rem;\n  --mat-sys-label-medium-size: 0.75rem;\n  --mat-sys-label-medium-tracking: 0.031rem;\n  --mat-sys-label-medium-weight: 500;\n  --mat-sys-label-medium-weight-prominent: 700;\n  --mat-sys-label-small: 500 0.688rem / 1rem var(--app-font-family);\n  --mat-sys-label-small-font: var(--app-font-family);\n  --mat-sys-label-small-line-height: 1rem;\n  --mat-sys-label-small-size: 0.688rem;\n  --mat-sys-label-small-tracking: 0.031rem;\n  --mat-sys-label-small-weight: 500;\n  --mat-sys-title-large: 400 1.375rem / 1.75rem var(--app-font-family);\n  --mat-sys-title-large-font: var(--app-font-family);\n  --mat-sys-title-large-line-height: 1.75rem;\n  --mat-sys-title-large-size: 1.375rem;\n  --mat-sys-title-large-tracking: 0;\n  --mat-sys-title-large-weight: 400;\n  --mat-sys-title-medium: 500 1rem / 1.5rem var(--app-font-family);\n  --mat-sys-title-medium-font: var(--app-font-family);\n  --mat-sys-title-medium-line-height: 1.5rem;\n  --mat-sys-title-medium-size: 1rem;\n  --mat-sys-title-medium-tracking: 0.009rem;\n  --mat-sys-title-medium-weight: 500;\n  --mat-sys-title-small: 500 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-title-small-font: var(--app-font-family);\n  --mat-sys-title-small-line-height: 1.25rem;\n  --mat-sys-title-small-size: 0.875rem;\n  --mat-sys-title-small-tracking: 0.006rem;\n  --mat-sys-title-small-weight: 500;\n  --mat-sys-corner-extra-large: 28px;\n  --mat-sys-corner-extra-large-top: 28px 28px 0 0;\n  --mat-sys-corner-extra-small: 4px;\n  --mat-sys-corner-extra-small-top: 4px 4px 0 0;\n  --mat-sys-corner-full: 9999px;\n  --mat-sys-corner-large: 16px;\n  --mat-sys-corner-large-end: 0 16px 16px 0;\n  --mat-sys-corner-large-start: 16px 0 0 16px;\n  --mat-sys-corner-large-top: 16px 16px 0 0;\n  --mat-sys-corner-medium: 12px;\n  --mat-sys-corner-none: 0;\n  --mat-sys-corner-small: 8px;\n  --mat-sys-dragged-state-layer-opacity: 0.16;\n  --mat-sys-focus-state-layer-opacity: 0.12;\n  --mat-sys-hover-state-layer-opacity: 0.08;\n  --mat-sys-pressed-state-layer-opacity: 0.12;\n}\n.filing .mat-primary .mat-pseudo-checkbox-checked,\n.filing .mat-primary .mat-pseudo-checkbox-indeterminate {\n  background: transparent !important;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox {\n  width: 24px;\n  height: 24px;\n  flex-basis: 24px;\n  padding: 0;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n  width: 24px;\n  height: 24px;\n  border-radius: 6px;\n  top: 0;\n  left: 0;\n  border: 3px solid var(--filing-modal-color-grey);\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__checkmark {\n  height: 20px;\n  width: 20px;\n  font-size: 20px;\n  top: 1px;\n  left: 1px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.filing .mat-mdc-checkbox[cardView] .mat-ripple {\n  display: none;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-label {\n  padding-left: 8px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-button__label {\n  line-height: 10px;\n}\n/*# sourceMappingURL=material-theme.css.map */\n'] }]
         }], () => [], null);
       })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dyedurham/search-and-file-widget",
-  "version": "2.0.78",
+  "version": "2.0.79",
   "description": "",
   "main": "dnd-filing-shell.js",
   "scripts": {
@@ -8,4 +8,4 @@
   },
   "author": "",
   "license": "ISC"
-}
+}