@dyedurham/search-and-file-widget 2.0.66 → 2.0.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -58085,6 +58085,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
58085
58085
  function isChangeOfPrincipalsTask(task) {
58086
58086
  return task?._taskType === TaskType.ChangeOfPrincipals;
58087
58087
  }
58088
+ function isChangeOfAddressTask(task) {
58089
+ return task?._taskType === TaskType.ChangeOfAddress;
58090
+ }
58088
58091
  function isBritishColumbiaTask(task) {
58089
58092
  return task.entity._compliance.home_jurisdiction === "British Columbia";
58090
58093
  }
@@ -58109,6 +58112,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
58109
58112
  if (!task) {
58110
58113
  return void 0;
58111
58114
  }
58115
+ if (isChangeOfAddressTask(task) && isBritishColumbiaTask(task)) {
58116
+ return "britishColumbiaChangeOfOfficeAddresses";
58117
+ }
58112
58118
  const prefix = isOntarioTask(task) ? "ontario" : isBritishColumbiaTask(task) ? "britishColumbia" : "federal";
58113
58119
  if (isFormationTask2(task)) {
58114
58120
  return `${prefix}Incorporation`;
@@ -61003,10 +61009,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
61003
61009
  this._inputElement.nativeElement.focus();
61004
61010
  }
61005
61011
  /** Creates the change event that will be emitted by the checkbox. */
61006
- _createChangeEvent(isChecked) {
61012
+ _createChangeEvent(isChecked2) {
61007
61013
  const event = new MatCheckboxChange();
61008
61014
  event.source = this;
61009
- event.checked = isChecked;
61015
+ event.checked = isChecked2;
61010
61016
  return event;
61011
61017
  }
61012
61018
  /** Gets the element on which to add the animation CSS classes. */
@@ -80558,7 +80564,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
80558
80564
  MatRadioButton,
80559
80565
  TranslatePipe,
80560
80566
  CheckboxListComponent
80561
- ], styles: ['\n\n[_nghost-%COMP%] {\n overflow: hidden;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n column-gap: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select {\n display: flex;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-checkbox__background {\n border: 3px solid #6a6c6f;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .filling-form-fields-radio {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding-bottom: 8px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .filling-form-fields-radio-group {\n display: flex;\n flex-wrap: wrap;\n column-gap: 24px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .filling-form-fields-radio .mdc-form-field > label {\n padding-left: 0;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-arrow-wrapper {\n display: none;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .suffix-container {\n display: flex;\n align-items: center;\n padding-right: 12px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-form-field-icon-suffix {\n display: flex;\n align-items: center;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-form-field-icon-suffix .mat-icon {\n display: flex;\n align-items: center;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .arrow-icon {\n pointer-events: none;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-form-field-infix {\n display: flex !important;\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value-text {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-label {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-checkbox[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n justify-content: center;\n line-height: 2rem;\n}\n[_nghost-%COMP%] .filling-form-fields-checkbox[_ngcontent-%COMP%]:not(.last) {\n padding-bottom: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields-checkbox-text[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n line-height: 20px;\n color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%] .filling-form-fields-empty[_ngcontent-%COMP%] {\n width: 100%;\n height: 80px;\n}\n[_nghost-%COMP%] .filling-form-fields-item[_ngcontent-%COMP%] {\n --mat-sys-primary: #6b6f76;\n --mat-sys-primary-container: #e4e5e8;\n --mat-sys-surface-tint: #6b6f76;\n --mat-sys-outline: #c7c9cf;\n --mat-sys-outline-variant: #dfe1e6;\n --mdc-icon-button-state-layer-size: 36px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n[_nghost-%COMP%] .filling-form-fields-item.text-area[_ngcontent-%COMP%] .mat-mdc-text-field-wrapper {\n padding: 0 !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item.text-area[_ngcontent-%COMP%] .mat-mdc-input-element {\n padding: 0 12px;\n min-height: 230px !important;\n max-height: 230px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-text[_ngcontent-%COMP%] {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-text[_ngcontent-%COMP%]:not(.last) {\n padding-bottom: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields-item-hint[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n font-size: 12px;\n}\n[_nghost-%COMP%] .filling-form-fields-item.warning[_ngcontent-%COMP%] {\n --mdc-outlined-text-field-outline-color: #845400;\n --mdc-outlined-text-field-outline-width: 2px;\n --mat-sys-on-surface: #845400;\n color: #845400;\n padding-bottom: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields-item-label[_ngcontent-%COMP%] {\n color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%] .filling-form-fields-item-label.warning[_ngcontent-%COMP%] {\n color: #845400;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%] {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 6px;\n vertical-align: middle;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] {\n width: 18px;\n height: 18px;\n font-size: 18px;\n line-height: 18px;\n color: #0b70d9 !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%]:hover .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%], \n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%]:focus .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n display: flex;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info.dismissed[_ngcontent-%COMP%] .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n display: none;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n position: absolute;\n z-index: 10;\n top: -12px;\n left: 28px;\n display: none;\n width: 220px;\n flex-direction: column;\n gap: 8px;\n padding: 16px 18px;\n border: 1px solid #d8dbe1;\n border-radius: 8px;\n background: #f5f6f8;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n color: #2f343b;\n line-height: 20px;\n white-space: normal;\n}\n[_nghost-%COMP%] .filling-form-fields-item-hint.warning[_ngcontent-%COMP%] {\n color: #845400;\n}\n[_nghost-%COMP%] .filling-form-fields-item-icon[_ngcontent-%COMP%] {\n font-size: 22px;\n line-height: 22px;\n height: 22px;\n width: 22px;\n}\n[_nghost-%COMP%] .filling-form-fields-item-icon.warning[_ngcontent-%COMP%] {\n color: #845400;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n border-color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid {\n padding: 0 0 12px;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mdc-notched-outline__leading {\n border-color: #ff3e3e !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mdc-notched-outline__trailing {\n border-color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n padding: 0;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-mdc-form-field-error {\n color: #E22222 !important;\n font-size: 12px;\n font-family: "Open Sans";\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-mdc-select-arrow {\n color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-icon {\n color: #4a4a4a !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mdc-notched-outline__leading {\n border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mdc-notched-outline__trailing {\n border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-datepicker-toggle-default-icon {\n color: #4a4a4a !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-mdc-form-field-error {\n display: none;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-mdc-select-arrow {\n color: #d6d6d6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] {\n --mat-form-field-container-vertical-padding: 6px;\n --mat-form-field-container-height: 36px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value {\n line-height: 18px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] input, \n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] textarea {\n font-family: "Open Sans";\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value-text {\n font-family: "Open Sans";\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-text-field--disabled {\n background-color: #F5F5F5 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-notched-outline__leading {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-notched-outline__trailing {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-icon-button .mat-icon {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n}\n[_nghost-%COMP%] .span-1[_ngcontent-%COMP%] {\n grid-column: span 1;\n}\n[_nghost-%COMP%] .span-2[_ngcontent-%COMP%] {\n grid-column: span 2;\n}\n[_nghost-%COMP%] .span-3[_ngcontent-%COMP%] {\n grid-column: span 3;\n}\n[_nghost-%COMP%] .span-4[_ngcontent-%COMP%] {\n grid-column: span 4;\n}\n[_nghost-%COMP%] .span-5[_ngcontent-%COMP%] {\n grid-column: span 5;\n}\n[_nghost-%COMP%] .span-6[_ngcontent-%COMP%] {\n grid-column: span 6;\n}\n[_nghost-%COMP%] .span-8[_ngcontent-%COMP%] {\n grid-column: span 8;\n}\n[_nghost-%COMP%] .span-12[_ngcontent-%COMP%] {\n grid-column: span 12;\n}\n[_nghost-%COMP%] .column-1[_ngcontent-%COMP%] {\n grid-column: 1/span 2;\n}\n[_nghost-%COMP%] .column-2[_ngcontent-%COMP%] {\n grid-column: 1/span 4;\n}\n[_nghost-%COMP%] .column-3[_ngcontent-%COMP%] {\n grid-column: 1/span 6;\n}\n[_nghost-%COMP%] .epl-readonly-field[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n[_nghost-%COMP%] .beside-select[_ngcontent-%COMP%] {\n align-self: end;\n display: flex;\n align-items: center;\n min-height: 60px;\n margin: 0;\n}\n[_nghost-%COMP%] .spaced-text[_ngcontent-%COMP%] {\n margin: 8px 0;\n}\n[_nghost-%COMP%] .fee-warning[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 8px 0;\n padding: 8px 12px !important;\n border: 1px solid #f0d78c;\n border-radius: 4px;\n background-color: #fff8e1;\n color: #845400;\n font-size: 12px !important;\n}\n[_nghost-%COMP%] .fee-warning[_ngcontent-%COMP%]::before {\n content: "!";\n flex: none;\n width: 12px;\n height: 12px;\n border: 1px solid #845400;\n border-radius: 50%;\n font-size: 9px;\n font-weight: 700;\n line-height: 12px;\n text-align: center;\n}\n[_nghost-%COMP%] .epl-info-panel-field[_ngcontent-%COMP%] {\n container-type: inline-size;\n}\n[_nghost-%COMP%] input {\n font-size: 14px !important;\n color: var(--filing-modal-color-grey) !important;\n}\n[_nghost-%COMP%] .epl-readonly-value {\n display: flex;\n align-items: center;\n min-height: 36px;\n padding: 0 16px;\n border: 1px solid #F5F5F5;\n border-radius: 8px;\n background-color: #F5F5F5;\n overflow-wrap: anywhere;\n}\n[_nghost-%COMP%] .epl-info-panel {\n display: grid;\n grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);\n column-gap: 16px;\n row-gap: 12px;\n padding: 12px;\n border-radius: 8px;\n background-color: #F5F5F5;\n}\n[_nghost-%COMP%] .epl-info-panel-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n@container (max-width: 560px) {\n [_nghost-%COMP%] .epl-info-panel {\n grid-template-columns: minmax(0, 1fr);\n }\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] {\n background: white !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] .mat-pseudo-checkbox-checked {\n background: transparent !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] .mdc-list-item__primary-text {\n font-family: "Open Sans";\n font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */'], changeDetection: 0 });
80567
+ ], styles: ['\n\n[_nghost-%COMP%] {\n overflow: hidden;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n column-gap: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select {\n display: flex;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-checkbox__background {\n border: 3px solid #6a6c6f;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .filling-form-fields-radio {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding-bottom: 8px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .filling-form-fields-radio-group {\n display: flex;\n flex-wrap: wrap;\n column-gap: 24px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .filling-form-fields-radio .mdc-form-field > label {\n padding-left: 0;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-arrow-wrapper {\n display: none;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .suffix-container {\n display: flex;\n align-items: center;\n padding-right: 12px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-form-field-icon-suffix {\n display: flex;\n align-items: center;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-form-field-icon-suffix .mat-icon {\n display: flex;\n align-items: center;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .arrow-icon {\n pointer-events: none;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-form-field-infix {\n display: flex !important;\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value-text {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-label {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-checkbox[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n justify-content: center;\n line-height: 2rem;\n}\n[_nghost-%COMP%] .filling-form-fields-checkbox[_ngcontent-%COMP%]:not(.last) {\n padding-bottom: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields-checkbox-text[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n line-height: 20px;\n color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%] .filling-form-fields-empty[_ngcontent-%COMP%] {\n width: 100%;\n height: 80px;\n}\n[_nghost-%COMP%] .filling-form-fields-item[_ngcontent-%COMP%] {\n --mat-sys-primary: #6b6f76;\n --mat-sys-primary-container: #e4e5e8;\n --mat-sys-surface-tint: #6b6f76;\n --mat-sys-outline: #c7c9cf;\n --mat-sys-outline-variant: #dfe1e6;\n --mdc-icon-button-state-layer-size: 36px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n[_nghost-%COMP%] .filling-form-fields-item.text-area[_ngcontent-%COMP%] .mat-mdc-text-field-wrapper {\n padding: 0 !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item.text-area[_ngcontent-%COMP%] .mat-mdc-input-element {\n padding: 0 12px;\n min-height: 230px !important;\n max-height: 230px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-text[_ngcontent-%COMP%] {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-text[_ngcontent-%COMP%]:not(.last) {\n padding-bottom: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields-item-hint[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n font-size: 12px;\n}\n[_nghost-%COMP%] .filling-form-fields-item.warning[_ngcontent-%COMP%] {\n --mdc-outlined-text-field-outline-color: #845400;\n --mdc-outlined-text-field-outline-width: 2px;\n --mat-sys-on-surface: #845400;\n color: #845400;\n padding-bottom: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields-item-label[_ngcontent-%COMP%] {\n color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%] .filling-form-fields-item-label.warning[_ngcontent-%COMP%] {\n color: #845400;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%] {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 6px;\n vertical-align: middle;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] {\n width: 18px;\n height: 18px;\n font-size: 18px;\n line-height: 18px;\n color: #0b70d9 !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%]:hover .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%], \n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%]:focus .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n display: flex;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info.dismissed[_ngcontent-%COMP%] .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n display: none;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n position: absolute;\n z-index: 10;\n top: -12px;\n left: 28px;\n display: none;\n width: 220px;\n flex-direction: column;\n gap: 8px;\n padding: 16px 18px;\n border: 1px solid #d8dbe1;\n border-radius: 8px;\n background: #f5f6f8;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n color: #2f343b;\n line-height: 20px;\n white-space: normal;\n}\n[_nghost-%COMP%] .filling-form-fields-item-hint.warning[_ngcontent-%COMP%] {\n color: #845400;\n}\n[_nghost-%COMP%] .filling-form-fields-item-icon[_ngcontent-%COMP%] {\n font-size: 22px;\n line-height: 22px;\n height: 22px;\n width: 22px;\n}\n[_nghost-%COMP%] .filling-form-fields-item-icon.warning[_ngcontent-%COMP%] {\n color: #845400;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n border-color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid {\n padding: 0 0 12px;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mdc-notched-outline__leading {\n border-color: #ff3e3e !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mdc-notched-outline__trailing {\n border-color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n padding: 0;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-mdc-form-field-error {\n color: #E22222 !important;\n font-size: 12px;\n font-family: "Open Sans";\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-mdc-select-arrow {\n color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-icon {\n color: #4a4a4a !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mdc-notched-outline__leading {\n border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mdc-notched-outline__trailing {\n border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-datepicker-toggle-default-icon {\n color: #4a4a4a !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-mdc-form-field-error {\n display: none;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-mdc-select-arrow {\n color: #d6d6d6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] {\n --mat-form-field-container-vertical-padding: 6px;\n --mat-form-field-container-height: 36px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value {\n line-height: 18px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] input, \n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] textarea {\n font-family: "Open Sans";\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value-text {\n font-family: "Open Sans";\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-text-field--disabled {\n background-color: #F5F5F5 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-notched-outline__leading {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-notched-outline__trailing {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-icon-button .mat-icon {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n}\n[_nghost-%COMP%] .span-1[_ngcontent-%COMP%] {\n grid-column: span 1;\n}\n[_nghost-%COMP%] .span-2[_ngcontent-%COMP%] {\n grid-column: span 2;\n}\n[_nghost-%COMP%] .span-3[_ngcontent-%COMP%] {\n grid-column: span 3;\n}\n[_nghost-%COMP%] .span-4[_ngcontent-%COMP%] {\n grid-column: span 4;\n}\n[_nghost-%COMP%] .span-5[_ngcontent-%COMP%] {\n grid-column: span 5;\n}\n[_nghost-%COMP%] .span-6[_ngcontent-%COMP%] {\n grid-column: span 6;\n}\n[_nghost-%COMP%] .span-8[_ngcontent-%COMP%] {\n grid-column: span 8;\n}\n[_nghost-%COMP%] .span-12[_ngcontent-%COMP%] {\n grid-column: span 12;\n}\n[_nghost-%COMP%] .note-box[_ngcontent-%COMP%] {\n padding: 16px 24px;\n border: 1px solid #f0dea0;\n border-radius: 4px;\n background-color: #fdf9ee;\n color: #7a5d00;\n}\n[_nghost-%COMP%] .note-box[_ngcontent-%COMP%] .body-1-semibold {\n color: inherit;\n}\n[_nghost-%COMP%] .column-1[_ngcontent-%COMP%] {\n grid-column: 1/span 2;\n}\n[_nghost-%COMP%] .column-2[_ngcontent-%COMP%] {\n grid-column: 1/span 4;\n}\n[_nghost-%COMP%] .column-3[_ngcontent-%COMP%] {\n grid-column: 1/span 6;\n}\n[_nghost-%COMP%] .epl-readonly-field[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n[_nghost-%COMP%] .beside-select[_ngcontent-%COMP%] {\n align-self: end;\n display: flex;\n align-items: center;\n min-height: 60px;\n margin: 0;\n}\n[_nghost-%COMP%] .spaced-text[_ngcontent-%COMP%] {\n margin: 8px 0;\n}\n[_nghost-%COMP%] .fee-warning[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 8px 0;\n padding: 8px 12px !important;\n border: 1px solid #f0d78c;\n border-radius: 4px;\n background-color: #fff8e1;\n color: #845400;\n font-size: 12px !important;\n}\n[_nghost-%COMP%] .fee-warning[_ngcontent-%COMP%]::before {\n content: "!";\n flex: none;\n width: 12px;\n height: 12px;\n border: 1px solid #845400;\n border-radius: 50%;\n font-size: 9px;\n font-weight: 700;\n line-height: 12px;\n text-align: center;\n}\n[_nghost-%COMP%] .epl-info-panel-field[_ngcontent-%COMP%] {\n container-type: inline-size;\n}\n[_nghost-%COMP%] input {\n font-size: 14px !important;\n color: var(--filing-modal-color-grey) !important;\n}\n[_nghost-%COMP%] .epl-readonly-value {\n display: flex;\n align-items: center;\n min-height: 36px;\n padding: 0 16px;\n border: 1px solid #F5F5F5;\n border-radius: 8px;\n background-color: #F5F5F5;\n overflow-wrap: anywhere;\n}\n[_nghost-%COMP%] .epl-info-panel {\n display: grid;\n grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);\n column-gap: 16px;\n row-gap: 12px;\n padding: 12px;\n border-radius: 8px;\n background-color: #F5F5F5;\n}\n[_nghost-%COMP%] .epl-info-panel-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n@container (max-width: 560px) {\n [_nghost-%COMP%] .epl-info-panel {\n grid-template-columns: minmax(0, 1fr);\n }\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] {\n background: white !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] .mat-pseudo-checkbox-checked {\n background: transparent !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] .mdc-list-item__primary-text {\n font-family: "Open Sans";\n font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */'], changeDetection: 0 });
80562
80568
  };
80563
80569
  (() => {
80564
80570
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(FilingFormGroupComponent, [{
@@ -80811,7 +80817,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
80811
80817
  }\r
80812
80818
  </div>\r
80813
80819
  </section>\r
80814
- `, styles: ['/* src/app/components/form/filing-form-group/filing-form-group.component.scss */\n:host {\n overflow: hidden;\n}\n:host .filling-form-fields {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n column-gap: 16px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select {\n display: flex;\n}\n:host .filling-form-fields ::ng-deep .mdc-checkbox__background {\n border: 3px solid #6a6c6f;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding-bottom: 8px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio-group {\n display: flex;\n flex-wrap: wrap;\n column-gap: 24px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio .mdc-form-field > label {\n padding-left: 0;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-arrow-wrapper {\n display: none;\n}\n:host .filling-form-fields ::ng-deep .suffix-container {\n display: flex;\n align-items: center;\n padding-right: 12px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix {\n display: flex;\n align-items: center;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix .mat-icon {\n display: flex;\n align-items: center;\n}\n:host .filling-form-fields ::ng-deep .arrow-icon {\n pointer-events: none;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-infix {\n display: flex !important;\n font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-label {\n font-size: 14px !important;\n}\n:host .filling-form-fields-checkbox {\n display: flex;\n flex-direction: column;\n justify-content: center;\n line-height: 2rem;\n}\n:host .filling-form-fields-checkbox:not(.last) {\n padding-bottom: 16px;\n}\n:host .filling-form-fields-checkbox-text {\n display: flex;\n align-items: center;\n gap: 8px;\n line-height: 20px;\n color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-empty {\n width: 100%;\n height: 80px;\n}\n:host .filling-form-fields-item {\n --mat-sys-primary: #6b6f76;\n --mat-sys-primary-container: #e4e5e8;\n --mat-sys-surface-tint: #6b6f76;\n --mat-sys-outline: #c7c9cf;\n --mat-sys-outline-variant: #dfe1e6;\n --mdc-icon-button-state-layer-size: 36px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-text-field-wrapper {\n padding: 0 !important;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-input-element {\n padding: 0 12px;\n min-height: 230px !important;\n max-height: 230px !important;\n}\n:host .filling-form-fields-item-text {\n font-size: 14px !important;\n}\n:host .filling-form-fields-item-text:not(.last) {\n padding-bottom: 16px;\n}\n:host .filling-form-fields-item-hint {\n display: flex;\n align-items: center;\n font-size: 12px;\n}\n:host .filling-form-fields-item.warning {\n --mdc-outlined-text-field-outline-color: #845400;\n --mdc-outlined-text-field-outline-width: 2px;\n --mat-sys-on-surface: #845400;\n color: #845400;\n padding-bottom: 16px;\n}\n:host .filling-form-fields-item-label {\n color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-item-label.warning {\n color: #845400;\n}\n:host .filling-form-fields-item-info {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 6px;\n vertical-align: middle;\n}\n:host .filling-form-fields-item-info .mat-icon {\n width: 18px;\n height: 18px;\n font-size: 18px;\n line-height: 18px;\n color: #0b70d9 !important;\n}\n:host .filling-form-fields-item-info:hover .filling-form-fields-item-info-tooltip,\n:host .filling-form-fields-item-info:focus .filling-form-fields-item-info-tooltip {\n display: flex;\n}\n:host .filling-form-fields-item-info.dismissed .filling-form-fields-item-info-tooltip {\n display: none;\n}\n:host .filling-form-fields-item-info-tooltip {\n position: absolute;\n z-index: 10;\n top: -12px;\n left: 28px;\n display: none;\n width: 220px;\n flex-direction: column;\n gap: 8px;\n padding: 16px 18px;\n border: 1px solid #d8dbe1;\n border-radius: 8px;\n background: #f5f6f8;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n color: #2f343b;\n line-height: 20px;\n white-space: normal;\n}\n:host .filling-form-fields-item-hint.warning {\n color: #845400;\n}\n:host .filling-form-fields-item-icon {\n font-size: 22px;\n line-height: 22px;\n height: 22px;\n width: 22px;\n}\n:host .filling-form-fields-item-icon.warning {\n color: #845400;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid {\n padding: 0 0 12px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__leading {\n border-color: #ff3e3e !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__trailing {\n border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n padding: 0;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error {\n color: #E22222 !important;\n font-size: 12px;\n font-family: "Open Sans";\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-select-arrow {\n color: #E22222 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-icon {\n color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__leading {\n border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__trailing {\n border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-datepicker-toggle-default-icon {\n color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-form-field-error {\n display: none;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-select-arrow {\n color: #d6d6d6 !important;\n}\n:host .filling-form-fields ::ng-deep {\n --mat-form-field-container-vertical-padding: 6px;\n --mat-form-field-container-height: 36px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n line-height: 18px;\n}\n:host .filling-form-fields ::ng-deep input,\n:host .filling-form-fields ::ng-deep textarea {\n font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mdc-text-field--disabled {\n background-color: #F5F5F5 !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__leading {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__trailing {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-icon-button .mat-icon {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n}\n:host .span-1 {\n grid-column: span 1;\n}\n:host .span-2 {\n grid-column: span 2;\n}\n:host .span-3 {\n grid-column: span 3;\n}\n:host .span-4 {\n grid-column: span 4;\n}\n:host .span-5 {\n grid-column: span 5;\n}\n:host .span-6 {\n grid-column: span 6;\n}\n:host .span-8 {\n grid-column: span 8;\n}\n:host .span-12 {\n grid-column: span 12;\n}\n:host .column-1 {\n grid-column: 1/span 2;\n}\n:host .column-2 {\n grid-column: 1/span 4;\n}\n:host .column-3 {\n grid-column: 1/span 6;\n}\n:host .epl-readonly-field {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n:host .beside-select {\n align-self: end;\n display: flex;\n align-items: center;\n min-height: 60px;\n margin: 0;\n}\n:host .spaced-text {\n margin: 8px 0;\n}\n:host .fee-warning {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 8px 0;\n padding: 8px 12px !important;\n border: 1px solid #f0d78c;\n border-radius: 4px;\n background-color: #fff8e1;\n color: #845400;\n font-size: 12px !important;\n}\n:host .fee-warning::before {\n content: "!";\n flex: none;\n width: 12px;\n height: 12px;\n border: 1px solid #845400;\n border-radius: 50%;\n font-size: 9px;\n font-weight: 700;\n line-height: 12px;\n text-align: center;\n}\n:host .epl-info-panel-field {\n container-type: inline-size;\n}\n:host ::ng-deep input {\n font-size: 14px !important;\n color: var(--filing-modal-color-grey) !important;\n}\n:host ::ng-deep .epl-readonly-value {\n display: flex;\n align-items: center;\n min-height: 36px;\n padding: 0 16px;\n border: 1px solid #F5F5F5;\n border-radius: 8px;\n background-color: #F5F5F5;\n overflow-wrap: anywhere;\n}\n:host ::ng-deep .epl-info-panel {\n display: grid;\n grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);\n column-gap: 16px;\n row-gap: 12px;\n padding: 12px;\n border-radius: 8px;\n background-color: #F5F5F5;\n}\n:host ::ng-deep .epl-info-panel-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n@container (max-width: 560px) {\n :host ::ng-deep .epl-info-panel {\n grid-template-columns: minmax(0, 1fr);\n }\n}\n.filing-form-group-select-option {\n background: white !important;\n}\n.filing-form-group-select-option ::ng-deep .mat-pseudo-checkbox-checked {\n background: transparent !important;\n}\n.filing-form-group-select-option ::ng-deep .mdc-list-item__primary-text {\n font-family: "Open Sans";\n font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */\n'] }]
80820
+ `, styles: ['/* src/app/components/form/filing-form-group/filing-form-group.component.scss */\n:host {\n overflow: hidden;\n}\n:host .filling-form-fields {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n column-gap: 16px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select {\n display: flex;\n}\n:host .filling-form-fields ::ng-deep .mdc-checkbox__background {\n border: 3px solid #6a6c6f;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding-bottom: 8px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio-group {\n display: flex;\n flex-wrap: wrap;\n column-gap: 24px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio .mdc-form-field > label {\n padding-left: 0;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-arrow-wrapper {\n display: none;\n}\n:host .filling-form-fields ::ng-deep .suffix-container {\n display: flex;\n align-items: center;\n padding-right: 12px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix {\n display: flex;\n align-items: center;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix .mat-icon {\n display: flex;\n align-items: center;\n}\n:host .filling-form-fields ::ng-deep .arrow-icon {\n pointer-events: none;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-infix {\n display: flex !important;\n font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-label {\n font-size: 14px !important;\n}\n:host .filling-form-fields-checkbox {\n display: flex;\n flex-direction: column;\n justify-content: center;\n line-height: 2rem;\n}\n:host .filling-form-fields-checkbox:not(.last) {\n padding-bottom: 16px;\n}\n:host .filling-form-fields-checkbox-text {\n display: flex;\n align-items: center;\n gap: 8px;\n line-height: 20px;\n color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-empty {\n width: 100%;\n height: 80px;\n}\n:host .filling-form-fields-item {\n --mat-sys-primary: #6b6f76;\n --mat-sys-primary-container: #e4e5e8;\n --mat-sys-surface-tint: #6b6f76;\n --mat-sys-outline: #c7c9cf;\n --mat-sys-outline-variant: #dfe1e6;\n --mdc-icon-button-state-layer-size: 36px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-text-field-wrapper {\n padding: 0 !important;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-input-element {\n padding: 0 12px;\n min-height: 230px !important;\n max-height: 230px !important;\n}\n:host .filling-form-fields-item-text {\n font-size: 14px !important;\n}\n:host .filling-form-fields-item-text:not(.last) {\n padding-bottom: 16px;\n}\n:host .filling-form-fields-item-hint {\n display: flex;\n align-items: center;\n font-size: 12px;\n}\n:host .filling-form-fields-item.warning {\n --mdc-outlined-text-field-outline-color: #845400;\n --mdc-outlined-text-field-outline-width: 2px;\n --mat-sys-on-surface: #845400;\n color: #845400;\n padding-bottom: 16px;\n}\n:host .filling-form-fields-item-label {\n color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-item-label.warning {\n color: #845400;\n}\n:host .filling-form-fields-item-info {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 6px;\n vertical-align: middle;\n}\n:host .filling-form-fields-item-info .mat-icon {\n width: 18px;\n height: 18px;\n font-size: 18px;\n line-height: 18px;\n color: #0b70d9 !important;\n}\n:host .filling-form-fields-item-info:hover .filling-form-fields-item-info-tooltip,\n:host .filling-form-fields-item-info:focus .filling-form-fields-item-info-tooltip {\n display: flex;\n}\n:host .filling-form-fields-item-info.dismissed .filling-form-fields-item-info-tooltip {\n display: none;\n}\n:host .filling-form-fields-item-info-tooltip {\n position: absolute;\n z-index: 10;\n top: -12px;\n left: 28px;\n display: none;\n width: 220px;\n flex-direction: column;\n gap: 8px;\n padding: 16px 18px;\n border: 1px solid #d8dbe1;\n border-radius: 8px;\n background: #f5f6f8;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n color: #2f343b;\n line-height: 20px;\n white-space: normal;\n}\n:host .filling-form-fields-item-hint.warning {\n color: #845400;\n}\n:host .filling-form-fields-item-icon {\n font-size: 22px;\n line-height: 22px;\n height: 22px;\n width: 22px;\n}\n:host .filling-form-fields-item-icon.warning {\n color: #845400;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid {\n padding: 0 0 12px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__leading {\n border-color: #ff3e3e !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__trailing {\n border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n padding: 0;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error {\n color: #E22222 !important;\n font-size: 12px;\n font-family: "Open Sans";\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-select-arrow {\n color: #E22222 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-icon {\n color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__leading {\n border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__trailing {\n border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-datepicker-toggle-default-icon {\n color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-form-field-error {\n display: none;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-select-arrow {\n color: #d6d6d6 !important;\n}\n:host .filling-form-fields ::ng-deep {\n --mat-form-field-container-vertical-padding: 6px;\n --mat-form-field-container-height: 36px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n line-height: 18px;\n}\n:host .filling-form-fields ::ng-deep input,\n:host .filling-form-fields ::ng-deep textarea {\n font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mdc-text-field--disabled {\n background-color: #F5F5F5 !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__leading {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__trailing {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-icon-button .mat-icon {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n}\n:host .span-1 {\n grid-column: span 1;\n}\n:host .span-2 {\n grid-column: span 2;\n}\n:host .span-3 {\n grid-column: span 3;\n}\n:host .span-4 {\n grid-column: span 4;\n}\n:host .span-5 {\n grid-column: span 5;\n}\n:host .span-6 {\n grid-column: span 6;\n}\n:host .span-8 {\n grid-column: span 8;\n}\n:host .span-12 {\n grid-column: span 12;\n}\n:host .note-box {\n padding: 16px 24px;\n border: 1px solid #f0dea0;\n border-radius: 4px;\n background-color: #fdf9ee;\n color: #7a5d00;\n}\n:host .note-box ::ng-deep .body-1-semibold {\n color: inherit;\n}\n:host .column-1 {\n grid-column: 1/span 2;\n}\n:host .column-2 {\n grid-column: 1/span 4;\n}\n:host .column-3 {\n grid-column: 1/span 6;\n}\n:host .epl-readonly-field {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n:host .beside-select {\n align-self: end;\n display: flex;\n align-items: center;\n min-height: 60px;\n margin: 0;\n}\n:host .spaced-text {\n margin: 8px 0;\n}\n:host .fee-warning {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 8px 0;\n padding: 8px 12px !important;\n border: 1px solid #f0d78c;\n border-radius: 4px;\n background-color: #fff8e1;\n color: #845400;\n font-size: 12px !important;\n}\n:host .fee-warning::before {\n content: "!";\n flex: none;\n width: 12px;\n height: 12px;\n border: 1px solid #845400;\n border-radius: 50%;\n font-size: 9px;\n font-weight: 700;\n line-height: 12px;\n text-align: center;\n}\n:host .epl-info-panel-field {\n container-type: inline-size;\n}\n:host ::ng-deep input {\n font-size: 14px !important;\n color: var(--filing-modal-color-grey) !important;\n}\n:host ::ng-deep .epl-readonly-value {\n display: flex;\n align-items: center;\n min-height: 36px;\n padding: 0 16px;\n border: 1px solid #F5F5F5;\n border-radius: 8px;\n background-color: #F5F5F5;\n overflow-wrap: anywhere;\n}\n:host ::ng-deep .epl-info-panel {\n display: grid;\n grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);\n column-gap: 16px;\n row-gap: 12px;\n padding: 12px;\n border-radius: 8px;\n background-color: #F5F5F5;\n}\n:host ::ng-deep .epl-info-panel-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n@container (max-width: 560px) {\n :host ::ng-deep .epl-info-panel {\n grid-template-columns: minmax(0, 1fr);\n }\n}\n.filing-form-group-select-option {\n background: white !important;\n}\n.filing-form-group-select-option ::ng-deep .mat-pseudo-checkbox-checked {\n background: transparent !important;\n}\n.filing-form-group-select-option ::ng-deep .mdc-list-item__primary-text {\n font-family: "Open Sans";\n font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */\n'] }]
80815
80821
  }], () => [], { dismissOpenTooltip: [{
80816
80822
  type: HostListener,
80817
80823
  args: ["document:keydown.escape"]
@@ -81301,12 +81307,16 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81301
81307
  federalUpdateMaintainInitialDelta = signal(null);
81302
81308
  bcChangeOfDirectorsInitialDelta = signal(null);
81303
81309
  bcFormationInitialDelta = signal(null);
81310
+ bcChangeOfOfficeAddressesInitialDelta = signal(null);
81304
81311
  setFormationInitialDelta(delta) {
81305
81312
  this.formationInitialDelta.set(delta);
81306
81313
  }
81307
81314
  setBCFormationInitialDelta(delta) {
81308
81315
  this.bcFormationInitialDelta.set(delta);
81309
81316
  }
81317
+ setBCChangeOfOfficeAddressesInitialDelta(delta) {
81318
+ this.bcChangeOfOfficeAddressesInitialDelta.set(delta);
81319
+ }
81310
81320
  setInitialReturnInitialDelta(delta) {
81311
81321
  this.initialReturnInitialDelta.set(delta);
81312
81322
  }
@@ -81326,6 +81336,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81326
81336
  this.federalUpdateMaintainInitialDelta.set(null);
81327
81337
  this.bcChangeOfDirectorsInitialDelta.set(null);
81328
81338
  this.bcFormationInitialDelta.set(null);
81339
+ this.bcChangeOfOfficeAddressesInitialDelta.set(null);
81329
81340
  }
81330
81341
  static \u0275fac = function DeltaStateService_Factory(__ngFactoryType__) {
81331
81342
  return new (__ngFactoryType__ || _DeltaStateService)();
@@ -84190,7 +84201,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
84190
84201
  });
84191
84202
 
84192
84203
  // src/app/enums/british-columbia-form.enums.ts
84193
- var BCChangeOfDirectorsFormControls, BCChangeOfDirectorsFormGroups, BCFormationFormControls, BCFormationFormGroups;
84204
+ var BCChangeOfDirectorsFormControls, BCChangeOfDirectorsFormGroups, BCFormationFormControls, BCChangeOfOfficeAddressesFormControls, BCChangeOfOfficeAddressesFormGroups, BCFormationFormGroups;
84194
84205
  var init_british_columbia_form_enums = __esm({
84195
84206
  "src/app/enums/british-columbia-form.enums.ts"() {
84196
84207
  (function(BCChangeOfDirectorsFormControls2) {
@@ -84258,6 +84269,31 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
84258
84269
  BCFormationFormControls2["HasConfirmedCompletion"] = "hasConfirmedCompletion";
84259
84270
  BCFormationFormControls2["HasRequiredDocuments"] = "hasRequiredDocuments";
84260
84271
  })(BCFormationFormControls || (BCFormationFormControls = {}));
84272
+ (function(BCChangeOfOfficeAddressesFormControls2) {
84273
+ BCChangeOfOfficeAddressesFormControls2["ClientMatterNumber"] = "ClientMatterNumber";
84274
+ BCChangeOfOfficeAddressesFormControls2["DocketNumber"] = "docketNumber";
84275
+ BCChangeOfOfficeAddressesFormControls2["CorporationName"] = "corporationName";
84276
+ BCChangeOfOfficeAddressesFormControls2["IncorporationNumber"] = "incorporationNumber";
84277
+ BCChangeOfOfficeAddressesFormControls2["CompanyEmail"] = "companyEmail";
84278
+ BCChangeOfOfficeAddressesFormControls2["CurrentMailingAddress"] = "currentMailingAddress";
84279
+ BCChangeOfOfficeAddressesFormControls2["CurrentDeliveryAddress"] = "currentDeliveryAddress";
84280
+ BCChangeOfOfficeAddressesFormControls2["NewMailingAddress"] = "newMailingAddress";
84281
+ BCChangeOfOfficeAddressesFormControls2["NewDeliveryAddress"] = "newDeliveryAddress";
84282
+ BCChangeOfOfficeAddressesFormControls2["DeliverySameAsMailing"] = "deliverySameAsMailing";
84283
+ BCChangeOfOfficeAddressesFormControls2["SameAsRegisteredOffice"] = "sameAsRegisteredOffice";
84284
+ BCChangeOfOfficeAddressesFormControls2["AddressLine1"] = "addressLine1";
84285
+ BCChangeOfOfficeAddressesFormControls2["AddressLine2"] = "addressLine2";
84286
+ BCChangeOfOfficeAddressesFormControls2["City"] = "city";
84287
+ BCChangeOfOfficeAddressesFormControls2["PostalCode"] = "postalCode";
84288
+ BCChangeOfOfficeAddressesFormControls2["Province"] = "province";
84289
+ BCChangeOfOfficeAddressesFormControls2["Country"] = "country";
84290
+ })(BCChangeOfOfficeAddressesFormControls || (BCChangeOfOfficeAddressesFormControls = {}));
84291
+ (function(BCChangeOfOfficeAddressesFormGroups2) {
84292
+ BCChangeOfOfficeAddressesFormGroups2["ReferenceNumbers"] = "Reference Numbers";
84293
+ BCChangeOfOfficeAddressesFormGroups2["CorporationDetails"] = "Corporation Details";
84294
+ BCChangeOfOfficeAddressesFormGroups2["RegisteredOfficeAddress"] = "Registered Office Address";
84295
+ BCChangeOfOfficeAddressesFormGroups2["RecordsOfficeAddress"] = "Records Office Address";
84296
+ })(BCChangeOfOfficeAddressesFormGroups || (BCChangeOfOfficeAddressesFormGroups = {}));
84261
84297
  (function(BCFormationFormGroups2) {
84262
84298
  BCFormationFormGroups2["ReferenceNumbers"] = "Reference Numbers";
84263
84299
  BCFormationFormGroups2["CorporationDetails"] = "Corporation Details";
@@ -84911,9 +84947,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
84911
84947
  ...affiliations.filter((a) => isDirector(a) && !incomingIds.has(a._id)).map((a) => this.generateDirectorFormGroup(a, ceasedIds.has(a._id) ? IRAffiliationType.Ceased : IRAffiliationType.Used)),
84912
84948
  ...incoming.filter(isDirector).map((a) => this.generateDirectorFormGroup(a, IRAffiliationType.Add))
84913
84949
  ];
84914
- const fallbackDirectors = directors.length ? [] : this.generateDirectorFormGroupsFromChangeDirectors(task);
84915
- if (directors.length || fallbackDirectors.length) {
84916
- config2[BCChangeOfDirectorsFormGroups.Directors] = new FormArray(directors.length ? directors : fallbackDirectors);
84950
+ if (directors.length) {
84951
+ config2[BCChangeOfDirectorsFormGroups.Directors] = new FormArray(directors);
84917
84952
  }
84918
84953
  config2[BCChangeOfDirectorsFormGroups.Notification] = new FormGroup({
84919
84954
  [Controls.RegisterAsOfDate]: this.readOnly(today),
@@ -84942,57 +84977,103 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
84942
84977
  [Controls.DeliveryAddress]: this.readOnly(BritishColumbiaFormationFormHelper.formatFullAddress(BritishColumbiaFormationFormHelper.pickAddress(addresses, "Delivery")))
84943
84978
  });
84944
84979
  }
84945
- static generateDirectorFormGroupsFromChangeDirectors(task) {
84946
- const source = task.changeDirectors ?? task.deltaData?.changeDirectors ?? task.deltaData?.validatedData?.ChangeDirectors;
84947
- const currentDirectors = source?.Directors ?? source?.directors ?? [];
84948
- const addedDirectors = [
84949
- ...source?.AddedDirectors ?? [],
84950
- ...source?.AddDirector ?? [],
84951
- ...source?.addDirectors ?? []
84952
- ];
84953
- const ceasedDirectors = [
84954
- ...source?.CeasedDirectors ?? [],
84955
- ...source?.CeaseDirector ?? [],
84956
- ...source?.ceaseDirectors ?? []
84957
- ];
84958
- const editedDirectors = [
84959
- ...source?.EditedDirectors ?? [],
84960
- ...source?.EditDirector ?? [],
84961
- ...source?.editDirectors ?? []
84962
- ];
84963
- return [
84964
- ...currentDirectors.map((director) => this.generateDirectorFormGroupFromPayload(director, IRAffiliationType.Used)),
84965
- ...editedDirectors.map((director) => this.generateDirectorFormGroupFromPayload(director, IRAffiliationType.Update)),
84966
- ...ceasedDirectors.map((director) => this.generateDirectorFormGroupFromPayload(director, IRAffiliationType.Ceased)),
84967
- ...addedDirectors.map((director) => this.generateDirectorFormGroupFromPayload(director, IRAffiliationType.Add))
84968
- ];
84980
+ static readOnly(value) {
84981
+ return new FormControl({ value: value ?? "", disabled: true });
84969
84982
  }
84970
- static generateDirectorFormGroupFromPayload(director, affiliationType) {
84971
- const name = director?.PersonName ?? director?.personName ?? director;
84972
- return new FormGroup({
84973
- [Controls.Id]: new FormControl(director?.Id ?? director?.id ?? ""),
84974
- [Controls.AffiliationName]: this.readOnly(this.formatDirectorName(name?.FirstName ?? name?.firstName, name?.MiddleName ?? name?.middleName, name?.LastName ?? name?.lastName)),
84975
- [Controls.AffiliationType]: this.readOnly(affiliationType),
84976
- [Controls.MailingAddress]: this.readOnly(this.formatPayloadAddress(director)),
84977
- [Controls.DeliveryAddress]: this.readOnly(this.formatPayloadAddress(director))
84983
+ };
84984
+ }
84985
+ });
84986
+
84987
+ // src/app/helpers/british-columbia/change-of-office-addresses/british-columbia-change-of-office-addresses-form.helper.ts
84988
+ var Controls2, EDITABLE_ADDRESS_CONTROLS, BritishColumbiaChangeOfOfficeAddressesFormHelper;
84989
+ var init_british_columbia_change_of_office_addresses_form_helper = __esm({
84990
+ "src/app/helpers/british-columbia/change-of-office-addresses/british-columbia-change-of-office-addresses-form.helper.ts"() {
84991
+ init_forms();
84992
+ init_common_models();
84993
+ init_british_columbia_form_enums();
84994
+ init_BritishColumbiaConstants();
84995
+ init_british_columbia_formation_form_helper();
84996
+ Controls2 = BCChangeOfOfficeAddressesFormControls;
84997
+ EDITABLE_ADDRESS_CONTROLS = [
84998
+ Controls2.AddressLine1,
84999
+ Controls2.AddressLine2,
85000
+ Controls2.City,
85001
+ Controls2.PostalCode
85002
+ ];
85003
+ BritishColumbiaChangeOfOfficeAddressesFormHelper = class {
85004
+ static generateConfig(task, _translateFn) {
85005
+ const affiliations = task.entity.affiliations ?? [];
85006
+ const delta = task.deltaData;
85007
+ const format = BritishColumbiaFormationFormHelper.formatFullAddress;
85008
+ const pick = BritishColumbiaFormationFormHelper.pickAddress;
85009
+ const registeredOffice = BritishColumbiaFormationFormHelper.findSharedAddressAffiliation(affiliations, AddressTitle2.REGISTERED_OFFICE);
85010
+ const recordsOffice = BritishColumbiaFormationFormHelper.findSharedAddressAffiliation(affiliations, AddressTitle2.RECORDS_OFFICE);
85011
+ const companyEmail = this.resolveCompanyEmail(task);
85012
+ const config2 = {};
85013
+ config2[BCChangeOfOfficeAddressesFormGroups.ReferenceNumbers] = this.generateReferenceNumbersFormGroup(delta?.referenceNumbers, task.entity._profile.client_matter_number);
85014
+ config2[BCChangeOfOfficeAddressesFormGroups.CorporationDetails] = new FormGroup({
85015
+ [Controls2.CorporationName]: this.readOnly(task.entity._profile.name),
85016
+ [Controls2.IncorporationNumber]: this.readOnly(task.entity._profile.corp_number),
85017
+ [Controls2.CompanyEmail]: this.readOnly(companyEmail)
85018
+ });
85019
+ const regDeliverySame = delta?.registeredOffice?.deliverySameAsMailing ?? true;
85020
+ config2[BCChangeOfOfficeAddressesFormGroups.RegisteredOfficeAddress] = new FormGroup({
85021
+ [Controls2.CurrentMailingAddress]: this.readOnly(format(pick(registeredOffice?.addresses, "Mailing"))),
85022
+ [Controls2.CurrentDeliveryAddress]: this.readOnly(format(pick(registeredOffice?.addresses, "Delivery"))),
85023
+ [Controls2.NewMailingAddress]: this.createOfficeAddressFormGroup(delta?.registeredOffice?.mailingAddress, true),
85024
+ [Controls2.DeliverySameAsMailing]: new FormControl(regDeliverySame),
85025
+ [Controls2.NewDeliveryAddress]: this.createOfficeAddressFormGroup(delta?.registeredOffice?.deliveryAddress, !regDeliverySame)
84978
85026
  });
85027
+ const recSameAsRegistered = delta?.recordsOffice?.sameAsRegisteredOffice ?? true;
85028
+ const recDeliverySame = delta?.recordsOffice?.deliverySameAsMailing ?? true;
85029
+ config2[BCChangeOfOfficeAddressesFormGroups.RecordsOfficeAddress] = new FormGroup({
85030
+ [Controls2.CurrentMailingAddress]: this.readOnly(format(pick(recordsOffice?.addresses, "Mailing"))),
85031
+ [Controls2.CurrentDeliveryAddress]: this.readOnly(format(pick(recordsOffice?.addresses, "Delivery"))),
85032
+ [Controls2.SameAsRegisteredOffice]: new FormControl(recSameAsRegistered),
85033
+ [Controls2.NewMailingAddress]: this.createOfficeAddressFormGroup(delta?.recordsOffice?.mailingAddress, !recSameAsRegistered),
85034
+ [Controls2.DeliverySameAsMailing]: new FormControl(recDeliverySame),
85035
+ [Controls2.NewDeliveryAddress]: this.createOfficeAddressFormGroup(delta?.recordsOffice?.deliveryAddress, !recSameAsRegistered && !recDeliverySame)
85036
+ });
85037
+ return config2;
84979
85038
  }
84980
- static formatDirectorName(firstName, middleName, lastName) {
84981
- const givenNames = [firstName, middleName].filter(Boolean).join(" ");
84982
- return [lastName, givenNames].filter(Boolean).join(", ");
85039
+ /** The company's Business Email: registered office first, then the entity itself. */
85040
+ static resolveCompanyEmail(task) {
85041
+ const affiliations = task.entity.affiliations ?? [];
85042
+ const registeredOffice = BritishColumbiaFormationFormHelper.findSharedAddressAffiliation(affiliations, AddressTitle2.REGISTERED_OFFICE);
85043
+ return registeredOffice?.addresses?.[0]?.communications?.find((c) => c.type === "Business Email")?.value ?? task.entity.communications?.find((c) => c.type === "Business Email")?.value ?? "";
84983
85044
  }
84984
- static formatPayloadAddress(director) {
84985
- const postalAddress = director?.PostalAddress ?? director?.postalAddress;
84986
- const address = postalAddress?.AddressCA ?? postalAddress?.AddressUS ?? postalAddress?.AddressINTL ?? director?.address ?? {};
84987
- return [
84988
- address.Address1 ?? address.address1,
84989
- address.Address2 ?? address.address2,
84990
- address.Address3 ?? address.address3,
84991
- address.CityTown ?? address.city,
84992
- address.RegionName ?? address.regionName ?? address.provinceState,
84993
- address.PostCode ?? address.postalZip,
84994
- address.CountryCodeName ?? address.country
84995
- ].filter((part) => Boolean(String(part ?? "").trim())).join(", ");
85045
+ /**
85046
+ * Address Line 1*, Address Line 2, City*, Postal Code*, Province (BC), Country (Canada).
85047
+ * Province and Country are always disabled; the rest follow `enabled`.
85048
+ */
85049
+ static createOfficeAddressFormGroup(delta, enabled = true) {
85050
+ const group2 = new FormGroup({
85051
+ [Controls2.AddressLine1]: new FormControl(delta?.addressLine1 ?? "", Validators.required),
85052
+ [Controls2.AddressLine2]: new FormControl(delta?.addressLine2 ?? ""),
85053
+ [Controls2.City]: new FormControl(delta?.city ?? "", Validators.required),
85054
+ [Controls2.PostalCode]: new FormControl(delta?.postalCode ?? "", Validators.required),
85055
+ [Controls2.Province]: this.readOnly(delta?.province ?? BC_DEFAULT_PROVINCE_STATE),
85056
+ [Controls2.Country]: this.readOnly(delta?.country ?? BC_DEFAULT_COUNTRY)
85057
+ });
85058
+ this.setOfficeAddressEnabled(group2, enabled);
85059
+ return group2;
85060
+ }
85061
+ /** Enables or disables the editable controls of an address grid (used by "Same as…" checkboxes). */
85062
+ static setOfficeAddressEnabled(group2, enabled) {
85063
+ if (!group2) {
85064
+ return;
85065
+ }
85066
+ EDITABLE_ADDRESS_CONTROLS.forEach((name) => {
85067
+ const control = group2.get(name);
85068
+ enabled ? control?.enable({ emitEvent: false }) : control?.disable({ emitEvent: false });
85069
+ });
85070
+ group2.updateValueAndValidity({ emitEvent: false });
85071
+ }
85072
+ static generateReferenceNumbersFormGroup(deltaData, clientMatterNumber) {
85073
+ return new FormGroup({
85074
+ [Controls2.ClientMatterNumber]: new FormControl(deltaData?.referenceNumber ?? clientMatterNumber ?? ""),
85075
+ [Controls2.DocketNumber]: new FormControl(deltaData?.docketNumber ?? "")
85076
+ });
84996
85077
  }
84997
85078
  static readOnly(value) {
84998
85079
  return new FormControl({ value: value ?? "", disabled: true });
@@ -85002,13 +85083,13 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85002
85083
  });
85003
85084
 
85004
85085
  // src/app/constants/ui/british-columbia-change-of-directors-form.constants.ts
85005
- var Controls2, labelledValue, readOnlyRow, directorsAddedOrDeleted, isNotifyByMail, BC_COD_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS, BC_COD_CARD_FORM_CORPORATION_DETAILS_FIELDS, BC_COD_DELTA_CARD_FORM_FILING_DETAILS_FIELDS, generateBCChangeOfDirectorsIntroFields, BC_COD_CARD_FORM_DIRECTORS_FIELDS, BC_COD_DELTA_CARD_FORM_NOTIFICATION_FIELDS, BC_COD_DELTA_CARD_FORM_ANNUAL_REPORT_REMINDER_FIELDS;
85086
+ var Controls3, labelledValue, readOnlyRow, directorsAddedOrDeleted, isNotifyByMail, BC_COD_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS, BC_COD_CARD_FORM_CORPORATION_DETAILS_FIELDS, BC_COD_DELTA_CARD_FORM_FILING_DETAILS_FIELDS, generateBCChangeOfDirectorsIntroFields, BC_COD_CARD_FORM_DIRECTORS_FIELDS, BC_COD_DELTA_CARD_FORM_NOTIFICATION_FIELDS, BC_COD_DELTA_CARD_FORM_ANNUAL_REPORT_REMINDER_FIELDS;
85006
85087
  var init_british_columbia_change_of_directors_form_constants = __esm({
85007
85088
  "src/app/constants/ui/british-columbia-change-of-directors-form.constants.ts"() {
85008
85089
  init_form_enums();
85009
85090
  init_british_columbia_form_enums();
85010
85091
  init_BritishColumbiaConstants();
85011
- Controls2 = BCChangeOfDirectorsFormControls;
85092
+ Controls3 = BCChangeOfDirectorsFormControls;
85012
85093
  labelledValue = (label, value, t) => `<span class="body-1-semibold">${t(label)}:</span> ${value || t("Not specified")}`;
85013
85094
  readOnlyRow = (label, control, className = "span-12") => ({
85014
85095
  type: FormType.Text,
@@ -85016,24 +85097,24 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85016
85097
  class: className,
85017
85098
  dynamicLabel: (form, t) => labelledValue(label, form.get(control)?.value, t)
85018
85099
  });
85019
- directorsAddedOrDeleted = (form) => Boolean(form.get(Controls2.DirectorsAddedOrDeleted)?.value);
85020
- isNotifyByMail = (form) => form.get(Controls2.NotificationMethod)?.value === BCNotificationMethod.Mail;
85100
+ directorsAddedOrDeleted = (form) => Boolean(form.get(Controls3.DirectorsAddedOrDeleted)?.value);
85101
+ isNotifyByMail = (form) => form.get(Controls3.NotificationMethod)?.value === BCNotificationMethod.Mail;
85021
85102
  BC_COD_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS = [
85022
85103
  {
85023
85104
  type: FormType.Input,
85024
85105
  label: "Client/Matter Number",
85025
- formControlName: Controls2.ClientMatterNumber
85106
+ formControlName: Controls3.ClientMatterNumber
85026
85107
  },
85027
85108
  {
85028
85109
  type: FormType.Input,
85029
85110
  label: "Docket Number",
85030
- formControlName: Controls2.DocketNumber
85111
+ formControlName: Controls3.DocketNumber
85031
85112
  }
85032
85113
  ];
85033
85114
  BC_COD_CARD_FORM_CORPORATION_DETAILS_FIELDS = [
85034
- readOnlyRow("Corporation Name", Controls2.CorporationName),
85035
- readOnlyRow("Incorporation Number", Controls2.IncorporationNumber),
85036
- readOnlyRow("Company Email", Controls2.CompanyEmail)
85115
+ readOnlyRow("Corporation Name", Controls3.CorporationName),
85116
+ readOnlyRow("Incorporation Number", Controls3.IncorporationNumber),
85117
+ readOnlyRow("Company Email", Controls3.CompanyEmail)
85037
85118
  ];
85038
85119
  BC_COD_DELTA_CARD_FORM_FILING_DETAILS_FIELDS = [
85039
85120
  {
@@ -85045,24 +85126,24 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85045
85126
  {
85046
85127
  type: FormType.Checkbox,
85047
85128
  label: "Directors will be added and/or deleted as part of this filing",
85048
- formControlName: Controls2.DirectorsAddedOrDeleted,
85129
+ formControlName: Controls3.DirectorsAddedOrDeleted,
85049
85130
  class: "span-12",
85050
85131
  onChange: (form) => {
85051
85132
  if (!directorsAddedOrDeleted(form)) {
85052
- form.get(Controls2.ChangeDate)?.setValue("", { emitEvent: false });
85133
+ form.get(Controls3.ChangeDate)?.setValue("", { emitEvent: false });
85053
85134
  }
85054
- form.get(Controls2.ChangeDate)?.updateValueAndValidity({ emitEvent: false });
85135
+ form.get(Controls3.ChangeDate)?.updateValueAndValidity({ emitEvent: false });
85055
85136
  }
85056
85137
  },
85057
85138
  {
85058
85139
  type: FormType.Date,
85059
85140
  label: "Date Directors were added or deleted",
85060
- formControlName: Controls2.ChangeDate,
85141
+ formControlName: Controls3.ChangeDate,
85061
85142
  required: true,
85062
85143
  isVisible: directorsAddedOrDeleted,
85063
85144
  class: "span-8"
85064
85145
  },
85065
- __spreadProps(__spreadValues({}, readOnlyRow("Filing Fee", Controls2.FilingFee, "span-4")), {
85146
+ __spreadProps(__spreadValues({}, readOnlyRow("Filing Fee", Controls3.FilingFee, "span-4")), {
85066
85147
  isVisible: directorsAddedOrDeleted
85067
85148
  }),
85068
85149
  {
@@ -85082,34 +85163,34 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85082
85163
  }
85083
85164
  ];
85084
85165
  BC_COD_CARD_FORM_DIRECTORS_FIELDS = [
85085
- readOnlyRow("Mailing Address - Full Address", Controls2.MailingAddress),
85086
- readOnlyRow("Delivery Address - Full Address", Controls2.DeliveryAddress)
85166
+ readOnlyRow("Mailing Address - Full Address", Controls3.MailingAddress),
85167
+ readOnlyRow("Delivery Address - Full Address", Controls3.DeliveryAddress)
85087
85168
  ];
85088
85169
  BC_COD_DELTA_CARD_FORM_NOTIFICATION_FIELDS = [
85089
85170
  {
85090
85171
  type: FormType.Select,
85091
85172
  label: "Notification Method",
85092
- formControlName: Controls2.NotificationMethod,
85173
+ formControlName: Controls3.NotificationMethod,
85093
85174
  required: true,
85094
85175
  options: BC_NOTIFICATION_METHOD_OPTIONS,
85095
85176
  needTranslate: true,
85096
85177
  class: "span-6",
85097
- onChange: (form) => form.get(Controls2.NotificationEmail)?.updateValueAndValidity({ emitEvent: false })
85178
+ onChange: (form) => form.get(Controls3.NotificationEmail)?.updateValueAndValidity({ emitEvent: false })
85098
85179
  },
85099
85180
  {
85100
85181
  type: FormType.Input,
85101
85182
  label: "Notification Email",
85102
- formControlName: Controls2.NotificationEmail,
85183
+ formControlName: Controls3.NotificationEmail,
85103
85184
  required: true,
85104
85185
  isVisible: (form) => !isNotifyByMail(form),
85105
85186
  class: "column-3"
85106
85187
  },
85107
85188
  {
85108
85189
  type: FormType.Text,
85109
- formControlName: Controls2.NotificationMailingAddress,
85190
+ formControlName: Controls3.NotificationMailingAddress,
85110
85191
  class: "span-12",
85111
85192
  isVisible: isNotifyByMail,
85112
- dynamicLabel: (form, t) => `<span class="body-1-semibold">${t("Mailing Address")}:</span> ${t("defaults to Registered Office mailing address")} (${form.get(Controls2.NotificationMailingAddress)?.value || t("Not specified")})`
85193
+ dynamicLabel: (form, t) => `<span class="body-1-semibold">${t("Mailing Address")}:</span> ${t("defaults to Registered Office mailing address")} (${form.get(Controls3.NotificationMailingAddress)?.value || t("Not specified")})`
85113
85194
  }
85114
85195
  ];
85115
85196
  BC_COD_DELTA_CARD_FORM_ANNUAL_REPORT_REMINDER_FIELDS = [
@@ -85122,7 +85203,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85122
85203
  {
85123
85204
  type: FormType.Select,
85124
85205
  label: "Annual Report Reminder",
85125
- formControlName: Controls2.AnnualReportReminder,
85206
+ formControlName: Controls3.AnnualReportReminder,
85126
85207
  required: true,
85127
85208
  options: BC_ANNUAL_REPORT_REMINDER_OPTIONS,
85128
85209
  needTranslate: true,
@@ -85702,7 +85783,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85702
85783
  FormGroupDirective,
85703
85784
  FormControlName,
85704
85785
  TranslatePipe
85705
- ], styles: ["\n\n[_nghost-%COMP%] {\n display: flex;\n flex: 1;\n min-height: 0;\n color: #2f343b;\n}\n[_nghost-%COMP%] .change-of-directors-form[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n min-height: 0;\n width: 100%;\n}\n[_nghost-%COMP%] .change-of-directors-form-content[_ngcontent-%COMP%] {\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[_nghost-%COMP%] .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[_nghost-%COMP%] .expandable-card-header-title {\n color: #2f343b !important;\n font-weight: 700 !important;\n line-height: 1.2;\n margin: 0;\n}\n[_nghost-%COMP%] .expandable-card-header mat-icon {\n color: #66717f !important;\n}\n[_nghost-%COMP%] .expandable-card-content {\n padding-top: 20px !important;\n}\n[_nghost-%COMP%] .filling-form-fields {\n column-gap: 42px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-label, \n[_nghost-%COMP%] .mat-mdc-radio-button .mdc-label, \n[_nghost-%COMP%] .mat-mdc-checkbox .mdc-label {\n color: #4b5563 !important;\n font-size: 14px !important;\n line-height: 1.45;\n}\n[_nghost-%COMP%] .mat-mdc-radio-button, \n[_nghost-%COMP%] .mat-mdc-checkbox {\n --mdc-radio-state-layer-size: 40px;\n --mdc-checkbox-state-layer-size: 40px;\n}\n[_nghost-%COMP%] .mat-mdc-form-field {\n width: 100%;\n}\n[_nghost-%COMP%] .mat-mdc-text-field-wrapper {\n min-height: 46px;\n}\n[_nghost-%COMP%] .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[_nghost-%COMP%] .mdc-notched-outline__leading {\n border-bottom-left-radius: 6px !important;\n border-top-left-radius: 6px !important;\n}\n[_nghost-%COMP%] .mdc-notched-outline__trailing {\n border-bottom-right-radius: 6px !important;\n border-top-right-radius: 6px !important;\n}\n[_nghost-%COMP%] .readonly-summary[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 18px;\n color: #4b5563;\n font-size: 14px;\n line-height: 1.35;\n}\n[_nghost-%COMP%] .readonly-summary[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n}\n[_nghost-%COMP%] .readonly-summary[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] {\n color: #2f343b;\n font-weight: 700;\n}\n[_nghost-%COMP%] .filing-details[_ngcontent-%COMP%], \n[_nghost-%COMP%] .notification-section[_ngcontent-%COMP%], \n[_nghost-%COMP%] .annual-reminder[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n[_nghost-%COMP%] .note-box[_ngcontent-%COMP%] {\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[_nghost-%COMP%] .note-box[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] {\n font-weight: 700;\n}\n[_nghost-%COMP%] .directors-change-checkbox[_ngcontent-%COMP%] {\n align-self: flex-start;\n}\n[_nghost-%COMP%] .filing-details-grid[_ngcontent-%COMP%] {\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[_nghost-%COMP%] .date-field[_ngcontent-%COMP%], \n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%] label[_ngcontent-%COMP%], \n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.35;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%] span[_ngcontent-%COMP%], \n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\n color: #e22222;\n}\n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] {\n width: min(860px, 46%);\n min-width: 360px;\n}\n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\n margin-bottom: 8px;\n font-size: 16px;\n}\n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] .mat-mdc-text-field-wrapper {\n min-height: 84px;\n}\n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] .mat-mdc-form-field-infix {\n min-height: 84px;\n}\n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] .mat-mdc-input-element {\n align-self: center;\n height: 32px;\n color: #4b5563 !important;\n font-size: 28px !important;\n line-height: 32px;\n padding: 0 24px !important;\n}\n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] .mdc-notched-outline__leading {\n border-bottom-left-radius: 6px !important;\n border-top-left-radius: 6px !important;\n}\n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] .mdc-notched-outline__trailing {\n border-bottom-right-radius: 6px !important;\n border-top-right-radius: 6px !important;\n}\n[_nghost-%COMP%] .hint[_ngcontent-%COMP%], \n[_nghost-%COMP%] .annual-reminder[_ngcontent-%COMP%] p[_ngcontent-%COMP%], \n[_nghost-%COMP%] .mailing-copy[_ngcontent-%COMP%] {\n color: #6b7280;\n font-size: 14px;\n line-height: 1.5;\n margin: 0;\n}\n[_nghost-%COMP%] .filing-fee[_ngcontent-%COMP%] {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.35;\n margin: 46px 0 0;\n}\n[_nghost-%COMP%] .filing-fee[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] {\n color: #2f343b;\n font-weight: 700;\n}\n[_nghost-%COMP%] .directors-table[_ngcontent-%COMP%] {\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[_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%], \n[_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] {\n display: contents;\n}\n[_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%] > div[_ngcontent-%COMP%], \n[_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] {\n border-bottom: 1px solid #e1e6ee;\n padding: 16px 24px;\n}\n[_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:not(:first-child), \n[_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:not(:first-child) {\n border-left: 1px solid #e1e6ee;\n}\n[_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] {\n color: #2f343b;\n font-weight: 700;\n padding-top: 0;\n}\n[_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] {\n color: #2f343b;\n display: block;\n font-weight: 700;\n margin-bottom: 8px;\n}\n[_nghost-%COMP%] .status-pill[_ngcontent-%COMP%] {\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[_nghost-%COMP%] .status-pill.new[_ngcontent-%COMP%] {\n background: #eaf7ef;\n border: 1px solid #b8e3c7;\n color: #15803d;\n}\n[_nghost-%COMP%] .status-pill.ceased[_ngcontent-%COMP%] {\n background: #fff1f2;\n border: 1px solid #fecdd3;\n color: #be123c;\n}\n[_nghost-%COMP%] mat-radio-group[_ngcontent-%COMP%] {\n display: flex;\n gap: 48px;\n}\n[_nghost-%COMP%] .annual-reminder[_ngcontent-%COMP%] mat-radio-group[_ngcontent-%COMP%] {\n align-items: flex-start;\n flex-direction: column;\n gap: 14px;\n}\n@media (max-width: 900px) {\n [_nghost-%COMP%] .filing-details-grid[_ngcontent-%COMP%], \n [_nghost-%COMP%] .directors-table[_ngcontent-%COMP%] {\n grid-template-columns: 1fr;\n }\n [_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%] {\n display: none;\n }\n [_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: 1fr;\n border-bottom: 1px solid #e1e6ee;\n }\n [_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] {\n border: 0;\n padding: 14px 0;\n }\n [_nghost-%COMP%] mat-radio-group[_ngcontent-%COMP%] {\n flex-direction: column;\n gap: 14px;\n }\n [_nghost-%COMP%] .email-field[_ngcontent-%COMP%] {\n width: 100%;\n min-width: 0;\n }\n [_nghost-%COMP%] .email-field[_ngcontent-%COMP%] .mat-mdc-input-element {\n font-size: 16px !important;\n line-height: 24px;\n padding: 0 12px !important;\n }\n}\n/*# sourceMappingURL=change-of-directors-form.component.css.map */"], changeDetection: 0 });
85786
+ ], styles: ["\n\n[_nghost-%COMP%] {\n display: flex;\n flex: 1;\n min-height: 0;\n color: #2f343b;\n}\n[_nghost-%COMP%] .change-of-directors-form[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n min-height: 0;\n width: 100%;\n}\n[_nghost-%COMP%] .change-of-directors-form-content[_ngcontent-%COMP%] {\n display: flex;\n flex: 1;\n flex-direction: column;\n gap: 24px;\n min-height: 0;\n overflow-y: auto;\n padding-right: 8px;\n}\n[_nghost-%COMP%] .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: 32px !important;\n}\n[_nghost-%COMP%] .expandable-card-header-title {\n color: #2f343b !important;\n font-weight: 700 !important;\n line-height: 1.2;\n margin: 0;\n}\n[_nghost-%COMP%] .expandable-card-header mat-icon {\n color: #66717f !important;\n}\n[_nghost-%COMP%] .expandable-card-content {\n padding-top: 24px !important;\n}\n[_nghost-%COMP%] .filling-form-fields {\n column-gap: 42px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-label, \n[_nghost-%COMP%] .mat-mdc-radio-button .mdc-label, \n[_nghost-%COMP%] .mat-mdc-checkbox .mdc-label {\n color: #4b5563 !important;\n line-height: 1.45;\n}\n[_nghost-%COMP%] .mat-mdc-form-field {\n width: 100%;\n}\n[_nghost-%COMP%] .mat-mdc-text-field-wrapper {\n min-height: 48px;\n}\n[_nghost-%COMP%] .mat-mdc-form-field-infix {\n align-items: center;\n min-height: 48px;\n padding-bottom: 0 !important;\n padding-top: 0 !important;\n}\n[_nghost-%COMP%] .mdc-notched-outline__leading {\n border-bottom-left-radius: 6px !important;\n border-top-left-radius: 6px !important;\n}\n[_nghost-%COMP%] .mdc-notched-outline__trailing {\n border-bottom-right-radius: 6px !important;\n border-top-right-radius: 6px !important;\n}\n[_nghost-%COMP%] .readonly-summary[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 18px;\n color: #4b5563;\n line-height: 1.35;\n}\n[_nghost-%COMP%] .readonly-summary[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n}\n[_nghost-%COMP%] .readonly-summary[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] {\n color: #2f343b;\n font-weight: 700;\n}\n[_nghost-%COMP%] .filing-details[_ngcontent-%COMP%], \n[_nghost-%COMP%] .notification-section[_ngcontent-%COMP%], \n[_nghost-%COMP%] .annual-reminder[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n[_nghost-%COMP%] .note-box[_ngcontent-%COMP%] {\n border: 1px solid #f3d27a;\n border-radius: 6px;\n background: #fffaf0;\n color: #84610d;\n line-height: 1.55;\n padding: 22px 28px;\n}\n[_nghost-%COMP%] .note-box[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] {\n font-weight: 700;\n}\n[_nghost-%COMP%] .directors-change-checkbox[_ngcontent-%COMP%] {\n align-self: flex-start;\n}\n[_nghost-%COMP%] .filing-details-grid[_ngcontent-%COMP%] {\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[_nghost-%COMP%] .date-field[_ngcontent-%COMP%], \n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%] label[_ngcontent-%COMP%], \n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\n color: #4b5563;\n line-height: 1.35;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%] span[_ngcontent-%COMP%], \n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\n color: #e22222;\n}\n[_nghost-%COMP%] .hint[_ngcontent-%COMP%], \n[_nghost-%COMP%] .annual-reminder[_ngcontent-%COMP%] p[_ngcontent-%COMP%], \n[_nghost-%COMP%] .mailing-copy[_ngcontent-%COMP%] {\n color: #6b7280;\n line-height: 1.5;\n margin: 0;\n}\n[_nghost-%COMP%] .filing-fee[_ngcontent-%COMP%] {\n color: #4b5563;\n line-height: 1.35;\n margin: 58px 0 0;\n}\n[_nghost-%COMP%] .filing-fee[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] {\n color: #2f343b;\n font-weight: 700;\n}\n[_nghost-%COMP%] .directors-table[_ngcontent-%COMP%] {\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 line-height: 1.45;\n}\n[_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%], \n[_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] {\n display: contents;\n}\n[_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%] > div[_ngcontent-%COMP%], \n[_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] {\n border-bottom: 1px solid #e1e6ee;\n padding: 24px 28px;\n}\n[_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:not(:first-child), \n[_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:not(:first-child) {\n border-left: 1px solid #e1e6ee;\n}\n[_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] {\n color: #2f343b;\n font-weight: 700;\n padding-top: 0;\n}\n[_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] {\n color: #2f343b;\n display: block;\n font-weight: 700;\n margin-bottom: 14px;\n}\n[_nghost-%COMP%] .status-pill[_ngcontent-%COMP%] {\n border-radius: 999px;\n display: inline-flex;\n font-size: 12px;\n font-weight: 700;\n line-height: 1;\n padding: 8px 14px;\n}\n[_nghost-%COMP%] .status-pill.new[_ngcontent-%COMP%] {\n background: #eaf7ef;\n border: 1px solid #b8e3c7;\n color: #15803d;\n}\n[_nghost-%COMP%] .status-pill.ceased[_ngcontent-%COMP%] {\n background: #fff1f2;\n border: 1px solid #fecdd3;\n color: #be123c;\n}\n[_nghost-%COMP%] mat-radio-group[_ngcontent-%COMP%] {\n display: flex;\n gap: 48px;\n}\n[_nghost-%COMP%] .annual-reminder[_ngcontent-%COMP%] mat-radio-group[_ngcontent-%COMP%] {\n align-items: flex-start;\n flex-direction: column;\n gap: 14px;\n}\n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] {\n max-width: 760px;\n}\n@media (max-width: 900px) {\n [_nghost-%COMP%] .filing-details-grid[_ngcontent-%COMP%], \n [_nghost-%COMP%] .directors-table[_ngcontent-%COMP%] {\n grid-template-columns: 1fr;\n }\n [_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%] {\n display: none;\n }\n [_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: 1fr;\n border-bottom: 1px solid #e1e6ee;\n }\n [_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] {\n border: 0;\n padding: 14px 0;\n }\n [_nghost-%COMP%] mat-radio-group[_ngcontent-%COMP%] {\n flex-direction: column;\n gap: 14px;\n }\n}\n/*# sourceMappingURL=change-of-directors-form.component.css.map */"], changeDetection: 0 });
85706
85787
  };
85707
85788
  (() => {
85708
85789
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaChangeOfDirectorsFormComponent, [{
@@ -85722,240 +85803,240 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85722
85803
  MatRadioGroup,
85723
85804
  ReactiveFormsModule,
85724
85805
  TranslatePipe
85725
- ], template: `<div class="change-of-directors-form">
85726
- @if (isNote()) {
85727
- <alert
85728
- [type]="alertType.Info"
85729
- title="Entity changed"
85730
- content="A new draft needs to be generated as the Entity was changed since the last draft was produced."
85731
- />
85732
- }
85733
-
85734
- @if (errors().length) {
85735
- <alert
85736
- title="The following issues need to be resolved before proceeding:"
85737
- [content]="errors()"
85738
- />
85739
- }
85740
-
85741
- <div class="change-of-directors-form-content">
85742
- @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);
85743
-
85744
- @if (referenceNumbers) {
85745
- <expandable-card [title]="groups.ReferenceNumbers">
85746
- <filing-form-group
85747
- [isSubmitted]="isSubmitted()"
85748
- [form]="referenceNumbers"
85749
- [config]="referenceNumbersFields"
85750
- (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"
85751
- />
85752
- </expandable-card>
85753
- }
85754
-
85755
- @let corporationDetails = getFormGroup(groups.CorporationDetails);
85756
-
85757
- @if (corporationDetails) {
85758
- <expandable-card [isStatusIcon]="false" [title]="groups.CorporationDetails">
85759
- <div class="readonly-summary">
85760
- <p>
85761
- <strong>{{ 'Corporation Name' | translate }}:</strong>
85762
- {{ corporationDetails.get(controls.CorporationName)?.value }}
85763
- </p>
85764
- <p>
85765
- <strong>{{ 'Incorporation Number' | translate }}:</strong>
85766
- {{ corporationDetails.get(controls.IncorporationNumber)?.value }}
85767
- </p>
85768
- <p>
85769
- <strong>{{ 'Company Email' | translate }}:</strong>
85770
- {{ corporationDetails.get(controls.CompanyEmail)?.value }}
85771
- </p>
85772
- </div>
85773
- </expandable-card>
85774
- }
85775
-
85776
- @let filingDetails = getFormGroup(groups.FilingDetails);
85777
-
85778
- @if (filingDetails) {
85779
- <expandable-card
85780
- [isStatusIcon]="!readonly()"
85781
- [isValid]="sectionValidity['filingDetails']"
85782
- [title]="groups.FilingDetails"
85783
- >
85784
- <div class="filing-details" [formGroup]="filingDetails">
85785
- <div class="note-box">
85786
- <strong>{{ 'Note' | translate }}:</strong>
85787
- {{
85788
- '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.'
85789
- | translate
85790
- }}
85791
- </div>
85792
-
85793
- <mat-checkbox
85794
- class="directors-change-checkbox"
85795
- [formControlName]="controls.DirectorsAddedOrDeleted"
85796
- (change)="
85797
- filingDetails.get(controls.ChangeDate)?.updateValueAndValidity({ emitEvent: false });
85798
- onSectionValidChange('filingDetails', filingDetails.valid)
85799
- "
85800
- >
85801
- {{ 'Directors will be added and/or deleted as part of this filing' | translate }}
85802
- </mat-checkbox>
85803
-
85804
- @if (filingDetails.get(controls.DirectorsAddedOrDeleted)?.value) {
85805
- <div class="filing-details-grid">
85806
- <div class="date-field">
85807
- <label>
85808
- {{ 'Date Directors were added or deleted' | translate }}<span>*</span>
85809
- </label>
85810
- <mat-form-field appearance="outline">
85811
- <input
85812
- matInput
85813
- [matDatepicker]="changeDatePicker"
85814
- [formControlName]="controls.ChangeDate"
85815
- (dateChange)="onSectionValidChange('filingDetails', filingDetails.valid)"
85816
- placeholder="dd/mm/yyyy"
85817
- />
85818
- <mat-datepicker-toggle matSuffix [for]="changeDatePicker">
85819
- <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>
85820
- </mat-datepicker-toggle>
85821
- <mat-datepicker #changeDatePicker></mat-datepicker>
85822
- </mat-form-field>
85823
- <p class="hint">
85824
- {{
85825
- "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."
85826
- | translate
85827
- }}
85828
- </p>
85829
- </div>
85830
-
85831
- <p class="filing-fee">
85832
- <strong>{{ 'Filing Fee' | translate }}:</strong>
85833
- {{ filingDetails.get(controls.FilingFee)?.value }}
85834
- </p>
85835
- </div>
85836
- }
85837
- </div>
85838
- </expandable-card>
85839
- }
85840
-
85841
- @let directorsArray = getFormArray(groups.Directors);
85842
-
85843
- <expandable-card [isStatusIcon]="false" [title]="groups.Directors">
85844
- <filing-form-group
85845
- [isSubmitted]="isSubmitted()"
85846
- [form]="form()"
85847
- [config]="directorsIntroFields()"
85848
- />
85849
-
85850
- @if (directorsArray && directorsArray.length) {
85851
- <div class="directors-table" role="table">
85852
- <div class="directors-table-header" role="row">
85853
- <div role="columnheader">{{ 'Name' | translate }}</div>
85854
- <div role="columnheader">{{ 'Mailing Address' | translate }}</div>
85855
- <div role="columnheader">{{ 'Delivery Address' | translate }}</div>
85856
- </div>
85857
-
85858
- @for (director of directorsArray.controls; track director; let i = $index) {
85859
- @let directorForm = getDirectorForm(i);
85860
- @if (directorForm) {
85861
- <div class="directors-table-row" role="row">
85862
- <div role="cell">
85863
- <strong>{{ directorForm.get(controls.AffiliationName)?.value }}</strong>
85864
- @if (isNewDirector(directorForm)) {
85865
- <span class="status-pill new">{{ 'NEW' | translate }}</span>
85866
- }
85867
- @if (isCeasedDirector(directorForm)) {
85868
- <span class="status-pill ceased">{{ 'CEASE' | translate }}</span>
85869
- }
85870
- </div>
85871
- <div role="cell">{{ directorForm.get(controls.MailingAddress)?.value }}</div>
85872
- <div role="cell">{{ directorForm.get(controls.DeliveryAddress)?.value }}</div>
85873
- </div>
85874
- }
85875
- }
85876
- </div>
85877
- } @else {
85878
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
85879
- }
85880
- </expandable-card>
85881
-
85882
- @let notification = getFormGroup(groups.Notification);
85883
-
85884
- @if (notification) {
85885
- <expandable-card
85886
- [isStatusIcon]="!readonly()"
85887
- [isValid]="sectionValidity['notification']"
85888
- [title]="groups.Notification"
85889
- >
85890
- <div class="notification-section" [formGroup]="notification">
85891
- <mat-radio-group
85892
- [formControlName]="controls.NotificationMethod"
85893
- (change)="
85894
- notification.get(controls.NotificationEmail)?.updateValueAndValidity({ emitEvent: false });
85895
- onSectionValidChange('notification', notification.valid)
85896
- "
85897
- >
85898
- <mat-radio-button [value]="notificationMethodOption.Email">
85899
- {{ 'Notify by email' | translate }}
85900
- </mat-radio-button>
85901
- <mat-radio-button [value]="notificationMethodOption.Mail">
85902
- {{ 'Notify by mail' | translate }}
85903
- </mat-radio-button>
85904
- </mat-radio-group>
85905
-
85906
- @if (notification.get(controls.NotificationMethod)?.value === notificationMethodOption.Email) {
85907
- <div class="email-field">
85908
- <label>{{ 'Notification Email' | translate }}<span>*</span></label>
85909
- <mat-form-field appearance="outline">
85910
- <input
85911
- matInput
85912
- [formControlName]="controls.NotificationEmail"
85913
- (input)="onSectionValidChange('notification', notification.valid)"
85914
- />
85915
- </mat-form-field>
85916
- </div>
85917
- } @else {
85918
- <p class="mailing-copy">
85919
- <strong>{{ 'Mailing Address' | translate }}:</strong>
85920
- {{ notification.get(controls.NotificationMailingAddress)?.value || ('Not specified' | translate) }}
85921
- </p>
85922
- }
85923
- </div>
85924
- </expandable-card>
85925
- }
85926
-
85927
- @let annualReportReminder = getFormGroup(groups.AnnualReportReminder);
85928
-
85929
- @if (annualReportReminder) {
85930
- <expandable-card
85931
- [isStatusIcon]="!readonly()"
85932
- [isValid]="sectionValidity['annualReportReminder']"
85933
- [title]="groups.AnnualReportReminder"
85934
- >
85935
- <div class="annual-reminder" [formGroup]="annualReportReminder">
85936
- <p>
85937
- {{
85938
- "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."
85939
- | translate
85940
- }}
85941
- </p>
85942
- <mat-radio-group
85943
- [formControlName]="controls.AnnualReportReminder"
85944
- (change)="onSectionValidChange('annualReportReminder', annualReportReminder.valid)"
85945
- >
85946
- <mat-radio-button [value]="annualReportReminderOption.Yes">
85947
- {{ 'Yes, send the annual report reminder' | translate }}
85948
- </mat-radio-button>
85949
- <mat-radio-button [value]="annualReportReminderOption.No">
85950
- {{ 'No, I do not need to be reminded' | translate }}
85951
- </mat-radio-button>
85952
- </mat-radio-group>
85953
- </div>
85954
- </expandable-card>
85955
- }
85956
- </div>
85957
- </div>
85958
- `, 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 .notification-section,\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 .email-field {\n width: min(860px, 46%);\n min-width: 360px;\n}\n:host .email-field label {\n margin-bottom: 8px;\n font-size: 16px;\n}\n:host .email-field ::ng-deep .mat-mdc-text-field-wrapper {\n min-height: 84px;\n}\n:host .email-field ::ng-deep .mat-mdc-form-field-infix {\n min-height: 84px;\n}\n:host .email-field ::ng-deep .mat-mdc-input-element {\n align-self: center;\n height: 32px;\n color: #4b5563 !important;\n font-size: 28px !important;\n line-height: 32px;\n padding: 0 24px !important;\n}\n:host .email-field ::ng-deep .mdc-notched-outline__leading {\n border-bottom-left-radius: 6px !important;\n border-top-left-radius: 6px !important;\n}\n:host .email-field ::ng-deep .mdc-notched-outline__trailing {\n border-bottom-right-radius: 6px !important;\n border-top-right-radius: 6px !important;\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@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 :host .email-field {\n width: 100%;\n min-width: 0;\n }\n :host .email-field ::ng-deep .mat-mdc-input-element {\n font-size: 16px !important;\n line-height: 24px;\n padding: 0 12px !important;\n }\n}\n/*# sourceMappingURL=change-of-directors-form.component.css.map */\n"] }]
85806
+ ], template: `<div class="change-of-directors-form">\r
85807
+ @if (isNote()) {\r
85808
+ <alert\r
85809
+ [type]="alertType.Info"\r
85810
+ title="Entity changed"\r
85811
+ content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
85812
+ />\r
85813
+ }\r
85814
+ \r
85815
+ @if (errors().length) {\r
85816
+ <alert\r
85817
+ title="The following issues need to be resolved before proceeding:"\r
85818
+ [content]="errors()"\r
85819
+ />\r
85820
+ }\r
85821
+ \r
85822
+ <div class="change-of-directors-form-content">\r
85823
+ @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);\r
85824
+ \r
85825
+ @if (referenceNumbers) {\r
85826
+ <expandable-card [title]="groups.ReferenceNumbers">\r
85827
+ <filing-form-group\r
85828
+ [isSubmitted]="isSubmitted()"\r
85829
+ [form]="referenceNumbers"\r
85830
+ [config]="referenceNumbersFields"\r
85831
+ (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"\r
85832
+ />\r
85833
+ </expandable-card>\r
85834
+ }\r
85835
+ \r
85836
+ @let corporationDetails = getFormGroup(groups.CorporationDetails);\r
85837
+ \r
85838
+ @if (corporationDetails) {\r
85839
+ <expandable-card [isStatusIcon]="false" [title]="groups.CorporationDetails">\r
85840
+ <div class="readonly-summary">\r
85841
+ <p>\r
85842
+ <strong>{{ 'Corporation Name' | translate }}:</strong>\r
85843
+ {{ corporationDetails.get(controls.CorporationName)?.value }}\r
85844
+ </p>\r
85845
+ <p>\r
85846
+ <strong>{{ 'Incorporation Number' | translate }}:</strong>\r
85847
+ {{ corporationDetails.get(controls.IncorporationNumber)?.value }}\r
85848
+ </p>\r
85849
+ <p>\r
85850
+ <strong>{{ 'Company Email' | translate }}:</strong>\r
85851
+ {{ corporationDetails.get(controls.CompanyEmail)?.value }}\r
85852
+ </p>\r
85853
+ </div>\r
85854
+ </expandable-card>\r
85855
+ }\r
85856
+ \r
85857
+ @let filingDetails = getFormGroup(groups.FilingDetails);\r
85858
+ \r
85859
+ @if (filingDetails) {\r
85860
+ <expandable-card\r
85861
+ [isStatusIcon]="!readonly()"\r
85862
+ [isValid]="sectionValidity['filingDetails']"\r
85863
+ [title]="groups.FilingDetails"\r
85864
+ >\r
85865
+ <div class="filing-details" [formGroup]="filingDetails">\r
85866
+ <div class="note-box">\r
85867
+ <strong>{{ 'Note' | translate }}:</strong>\r
85868
+ {{\r
85869
+ '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
85870
+ | translate\r
85871
+ }}\r
85872
+ </div>\r
85873
+ \r
85874
+ <mat-checkbox\r
85875
+ class="directors-change-checkbox"\r
85876
+ [formControlName]="controls.DirectorsAddedOrDeleted"\r
85877
+ (change)="\r
85878
+ filingDetails.get(controls.ChangeDate)?.updateValueAndValidity({ emitEvent: false });\r
85879
+ onSectionValidChange('filingDetails', filingDetails.valid)\r
85880
+ "\r
85881
+ >\r
85882
+ {{ 'Directors will be added and/or deleted as part of this filing' | translate }}\r
85883
+ </mat-checkbox>\r
85884
+ \r
85885
+ @if (filingDetails.get(controls.DirectorsAddedOrDeleted)?.value) {\r
85886
+ <div class="filing-details-grid">\r
85887
+ <div class="date-field">\r
85888
+ <label>\r
85889
+ {{ 'Date Directors were added or deleted' | translate }}<span>*</span>\r
85890
+ </label>\r
85891
+ <mat-form-field appearance="outline">\r
85892
+ <input\r
85893
+ matInput\r
85894
+ [matDatepicker]="changeDatePicker"\r
85895
+ [formControlName]="controls.ChangeDate"\r
85896
+ (dateChange)="onSectionValidChange('filingDetails', filingDetails.valid)"\r
85897
+ placeholder="dd/mm/yyyy"\r
85898
+ />\r
85899
+ <mat-datepicker-toggle matSuffix [for]="changeDatePicker">\r
85900
+ <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\r
85901
+ </mat-datepicker-toggle>\r
85902
+ <mat-datepicker #changeDatePicker></mat-datepicker>\r
85903
+ </mat-form-field>\r
85904
+ <p class="hint">\r
85905
+ {{\r
85906
+ "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
85907
+ | translate\r
85908
+ }}\r
85909
+ </p>\r
85910
+ </div>\r
85911
+ \r
85912
+ <p class="filing-fee">\r
85913
+ <strong>{{ 'Filing Fee' | translate }}:</strong>\r
85914
+ {{ filingDetails.get(controls.FilingFee)?.value }}\r
85915
+ </p>\r
85916
+ </div>\r
85917
+ }\r
85918
+ </div>\r
85919
+ </expandable-card>\r
85920
+ }\r
85921
+ \r
85922
+ @let directorsArray = getFormArray(groups.Directors);\r
85923
+ \r
85924
+ <expandable-card [isStatusIcon]="false" [title]="groups.Directors">\r
85925
+ <filing-form-group\r
85926
+ [isSubmitted]="isSubmitted()"\r
85927
+ [form]="form()"\r
85928
+ [config]="directorsIntroFields()"\r
85929
+ />\r
85930
+ \r
85931
+ @if (directorsArray && directorsArray.length) {\r
85932
+ <div class="directors-table" role="table">\r
85933
+ <div class="directors-table-header" role="row">\r
85934
+ <div role="columnheader">{{ 'Name' | translate }}</div>\r
85935
+ <div role="columnheader">{{ 'Mailing Address' | translate }}</div>\r
85936
+ <div role="columnheader">{{ 'Delivery Address' | translate }}</div>\r
85937
+ </div>\r
85938
+ \r
85939
+ @for (director of directorsArray.controls; track director; let i = $index) {\r
85940
+ @let directorForm = getDirectorForm(i);\r
85941
+ @if (directorForm) {\r
85942
+ <div class="directors-table-row" role="row">\r
85943
+ <div role="cell">\r
85944
+ <strong>{{ directorForm.get(controls.AffiliationName)?.value }}</strong>\r
85945
+ @if (isNewDirector(directorForm)) {\r
85946
+ <span class="status-pill new">{{ 'NEW' | translate }}</span>\r
85947
+ }\r
85948
+ @if (isCeasedDirector(directorForm)) {\r
85949
+ <span class="status-pill ceased">{{ 'CEASE' | translate }}</span>\r
85950
+ }\r
85951
+ </div>\r
85952
+ <div role="cell">{{ directorForm.get(controls.MailingAddress)?.value }}</div>\r
85953
+ <div role="cell">{{ directorForm.get(controls.DeliveryAddress)?.value }}</div>\r
85954
+ </div>\r
85955
+ }\r
85956
+ }\r
85957
+ </div>\r
85958
+ } @else {\r
85959
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
85960
+ }\r
85961
+ </expandable-card>\r
85962
+ \r
85963
+ @let notification = getFormGroup(groups.Notification);\r
85964
+ \r
85965
+ @if (notification) {\r
85966
+ <expandable-card\r
85967
+ [isStatusIcon]="!readonly()"\r
85968
+ [isValid]="sectionValidity['notification']"\r
85969
+ [title]="groups.Notification"\r
85970
+ >\r
85971
+ <div class="notification-section" [formGroup]="notification">\r
85972
+ <mat-radio-group\r
85973
+ [formControlName]="controls.NotificationMethod"\r
85974
+ (change)="\r
85975
+ notification.get(controls.NotificationEmail)?.updateValueAndValidity({ emitEvent: false });\r
85976
+ onSectionValidChange('notification', notification.valid)\r
85977
+ "\r
85978
+ >\r
85979
+ <mat-radio-button [value]="notificationMethodOption.Email">\r
85980
+ {{ 'Notify by email' | translate }}\r
85981
+ </mat-radio-button>\r
85982
+ <mat-radio-button [value]="notificationMethodOption.Mail">\r
85983
+ {{ 'Notify by mail' | translate }}\r
85984
+ </mat-radio-button>\r
85985
+ </mat-radio-group>\r
85986
+ \r
85987
+ @if (notification.get(controls.NotificationMethod)?.value === notificationMethodOption.Email) {\r
85988
+ <div class="email-field">\r
85989
+ <label>{{ 'Notification Email' | translate }}<span>*</span></label>\r
85990
+ <mat-form-field appearance="outline">\r
85991
+ <input\r
85992
+ matInput\r
85993
+ [formControlName]="controls.NotificationEmail"\r
85994
+ (input)="onSectionValidChange('notification', notification.valid)"\r
85995
+ />\r
85996
+ </mat-form-field>\r
85997
+ </div>\r
85998
+ } @else {\r
85999
+ <p class="mailing-copy">\r
86000
+ <strong>{{ 'Mailing Address' | translate }}:</strong>\r
86001
+ {{ notification.get(controls.NotificationMailingAddress)?.value || ('Not specified' | translate) }}\r
86002
+ </p>\r
86003
+ }\r
86004
+ </div>\r
86005
+ </expandable-card>\r
86006
+ }\r
86007
+ \r
86008
+ @let annualReportReminder = getFormGroup(groups.AnnualReportReminder);\r
86009
+ \r
86010
+ @if (annualReportReminder) {\r
86011
+ <expandable-card\r
86012
+ [isStatusIcon]="!readonly()"\r
86013
+ [isValid]="sectionValidity['annualReportReminder']"\r
86014
+ [title]="groups.AnnualReportReminder"\r
86015
+ >\r
86016
+ <div class="annual-reminder" [formGroup]="annualReportReminder">\r
86017
+ <p>\r
86018
+ {{\r
86019
+ "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
86020
+ | translate\r
86021
+ }}\r
86022
+ </p>\r
86023
+ <mat-radio-group\r
86024
+ [formControlName]="controls.AnnualReportReminder"\r
86025
+ (change)="onSectionValidChange('annualReportReminder', annualReportReminder.valid)"\r
86026
+ >\r
86027
+ <mat-radio-button [value]="annualReportReminderOption.Yes">\r
86028
+ {{ 'Yes, send the annual report reminder' | translate }}\r
86029
+ </mat-radio-button>\r
86030
+ <mat-radio-button [value]="annualReportReminderOption.No">\r
86031
+ {{ 'No, I do not need to be reminded' | translate }}\r
86032
+ </mat-radio-button>\r
86033
+ </mat-radio-group>\r
86034
+ </div>\r
86035
+ </expandable-card>\r
86036
+ }\r
86037
+ </div>\r
86038
+ </div>\r
86039
+ `, 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: 24px;\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: 32px !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: 24px !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 line-height: 1.45;\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: 48px;\n}\n:host ::ng-deep .mat-mdc-form-field-infix {\n align-items: center;\n min-height: 48px;\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 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 .notification-section,\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 line-height: 1.55;\n padding: 22px 28px;\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: 8px;\n}\n:host .date-field label,\n:host .email-field label {\n color: #4b5563;\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 line-height: 1.5;\n margin: 0;\n}\n:host .filing-fee {\n color: #4b5563;\n line-height: 1.35;\n margin: 58px 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 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: 24px 28px;\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: 14px;\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: 8px 14px;\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 .email-field {\n max-width: 760px;\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"] }]
85959
86040
  }], null, null);
85960
86041
  })();
85961
86042
  (() => {
@@ -87630,6 +87711,883 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87630
87711
  }
87631
87712
  });
87632
87713
 
87714
+ // src/app/constants/ui/british-columbia-change-of-office-addresses-form.constants.ts
87715
+ var Controls4, labelledValue3, readOnlyRow2, isChecked, addressGroup, BC_COA_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS, BC_COA_CARD_FORM_CORPORATION_DETAILS_FIELDS, BC_COA_CARD_FORM_CURRENT_ADDRESSES_FIELDS, BC_COA_DELTA_CARD_FORM_OFFICE_ADDRESS_FIELDS, BC_COA_CARD_FORM_DELIVERY_ADDRESS_NOTE_FIELDS, BC_COA_DELTA_CARD_FORM_DELIVERY_SAME_AS_MAILING_FIELDS, BC_COA_DELTA_CARD_FORM_SAME_AS_REGISTERED_OFFICE_FIELDS;
87716
+ var init_british_columbia_change_of_office_addresses_form_constants = __esm({
87717
+ "src/app/constants/ui/british-columbia-change-of-office-addresses-form.constants.ts"() {
87718
+ init_form_enums();
87719
+ init_british_columbia_form_enums();
87720
+ init_british_columbia_change_of_office_addresses_form_helper();
87721
+ Controls4 = BCChangeOfOfficeAddressesFormControls;
87722
+ labelledValue3 = (label, value, t) => `<span class="body-1-semibold">${t(label)}:</span> ${value || t("Not specified")}`;
87723
+ readOnlyRow2 = (label, control, className = "span-12") => ({
87724
+ type: FormType.Text,
87725
+ formControlName: control,
87726
+ class: className,
87727
+ dynamicLabel: (form, t) => labelledValue3(label, form.get(control)?.value, t)
87728
+ });
87729
+ isChecked = (form, control) => Boolean(form.get(control)?.value);
87730
+ addressGroup = (form, control) => form.get(control);
87731
+ BC_COA_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS = [
87732
+ {
87733
+ type: FormType.Input,
87734
+ label: "Client/Matter Number",
87735
+ formControlName: Controls4.ClientMatterNumber
87736
+ },
87737
+ {
87738
+ type: FormType.Input,
87739
+ label: "Docket Number",
87740
+ formControlName: Controls4.DocketNumber
87741
+ }
87742
+ ];
87743
+ BC_COA_CARD_FORM_CORPORATION_DETAILS_FIELDS = [
87744
+ readOnlyRow2("Corporation Name", Controls4.CorporationName),
87745
+ readOnlyRow2("Incorporation Number", Controls4.IncorporationNumber),
87746
+ readOnlyRow2("Company Email", Controls4.CompanyEmail),
87747
+ {
87748
+ type: FormType.Text,
87749
+ formControlName: "",
87750
+ class: "span-12 note-box",
87751
+ dynamicLabel: (_, t) => `<span class="body-1-semibold">${t("Note")}:</span> ${t("The new addresses will take effect at the beginning of the day following the filing date. The registered and records offices must be located in British Columbia.")}`
87752
+ }
87753
+ ];
87754
+ BC_COA_CARD_FORM_CURRENT_ADDRESSES_FIELDS = [
87755
+ readOnlyRow2("Current Mailing Address", Controls4.CurrentMailingAddress),
87756
+ readOnlyRow2("Current Delivery Address", Controls4.CurrentDeliveryAddress)
87757
+ ];
87758
+ BC_COA_DELTA_CARD_FORM_OFFICE_ADDRESS_FIELDS = [
87759
+ {
87760
+ type: FormType.Input,
87761
+ label: "Address Line 1",
87762
+ formControlName: Controls4.AddressLine1,
87763
+ required: true,
87764
+ class: "span-6"
87765
+ },
87766
+ {
87767
+ type: FormType.Input,
87768
+ label: "Address Line 2",
87769
+ formControlName: Controls4.AddressLine2,
87770
+ class: "span-6"
87771
+ },
87772
+ {
87773
+ type: FormType.Input,
87774
+ label: "City",
87775
+ formControlName: Controls4.City,
87776
+ required: true,
87777
+ class: "span-6"
87778
+ },
87779
+ {
87780
+ type: FormType.Input,
87781
+ label: "Postal Code",
87782
+ formControlName: Controls4.PostalCode,
87783
+ required: true,
87784
+ class: "span-6"
87785
+ },
87786
+ {
87787
+ type: FormType.Input,
87788
+ label: "Province",
87789
+ formControlName: Controls4.Province,
87790
+ readonly: true,
87791
+ class: "span-6"
87792
+ },
87793
+ {
87794
+ type: FormType.Input,
87795
+ label: "Country",
87796
+ formControlName: Controls4.Country,
87797
+ readonly: true,
87798
+ class: "span-6"
87799
+ }
87800
+ ];
87801
+ BC_COA_CARD_FORM_DELIVERY_ADDRESS_NOTE_FIELDS = [
87802
+ {
87803
+ type: FormType.Text,
87804
+ formControlName: "",
87805
+ class: "span-12",
87806
+ dynamicLabel: (_, t) => t("The delivery address must be a physical location in British Columbia where documents can be delivered during statutory business hours. A post office box is not acceptable.")
87807
+ }
87808
+ ];
87809
+ BC_COA_DELTA_CARD_FORM_DELIVERY_SAME_AS_MAILING_FIELDS = [
87810
+ {
87811
+ type: FormType.Checkbox,
87812
+ label: "Same as Mailing Address",
87813
+ formControlName: Controls4.DeliverySameAsMailing,
87814
+ class: "span-12",
87815
+ onChange: (form) => BritishColumbiaChangeOfOfficeAddressesFormHelper.setOfficeAddressEnabled(addressGroup(form, Controls4.NewDeliveryAddress), !isChecked(form, Controls4.DeliverySameAsMailing))
87816
+ }
87817
+ ];
87818
+ BC_COA_DELTA_CARD_FORM_SAME_AS_REGISTERED_OFFICE_FIELDS = [
87819
+ {
87820
+ type: FormType.Checkbox,
87821
+ label: "Same as Registered Office",
87822
+ formControlName: Controls4.SameAsRegisteredOffice,
87823
+ class: "span-12",
87824
+ onChange: (form) => {
87825
+ const sameAsRegistered = isChecked(form, Controls4.SameAsRegisteredOffice);
87826
+ const deliverySame = isChecked(form, Controls4.DeliverySameAsMailing);
87827
+ BritishColumbiaChangeOfOfficeAddressesFormHelper.setOfficeAddressEnabled(addressGroup(form, Controls4.NewMailingAddress), !sameAsRegistered);
87828
+ BritishColumbiaChangeOfOfficeAddressesFormHelper.setOfficeAddressEnabled(addressGroup(form, Controls4.NewDeliveryAddress), !sameAsRegistered && !deliverySame);
87829
+ }
87830
+ }
87831
+ ];
87832
+ }
87833
+ });
87834
+
87835
+ // src/app/components/british-columbia/change-of-office-addresses/change-of-office-addresses-form/change-of-office-addresses-form.component.ts
87836
+ function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_1_Template(rf, ctx) {
87837
+ if (rf & 1) {
87838
+ \u0275\u0275element(0, "alert", 1);
87839
+ }
87840
+ if (rf & 2) {
87841
+ const ctx_r0 = \u0275\u0275nextContext();
87842
+ \u0275\u0275property("type", ctx_r0.alertType.Info);
87843
+ }
87844
+ }
87845
+ function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_2_Template(rf, ctx) {
87846
+ if (rf & 1) {
87847
+ \u0275\u0275element(0, "alert", 2);
87848
+ }
87849
+ if (rf & 2) {
87850
+ const ctx_r0 = \u0275\u0275nextContext();
87851
+ \u0275\u0275property("content", ctx_r0.errors());
87852
+ }
87853
+ }
87854
+ function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_5_Template(rf, ctx) {
87855
+ if (rf & 1) {
87856
+ const _r2 = \u0275\u0275getCurrentView();
87857
+ \u0275\u0275elementStart(0, "expandable-card", 4)(1, "filing-form-group", 7);
87858
+ \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_5_Template_filing_form_group_visiblyValidChange_1_listener($event) {
87859
+ \u0275\u0275restoreView(_r2);
87860
+ const ctx_r0 = \u0275\u0275nextContext();
87861
+ return \u0275\u0275resetView(ctx_r0.onSectionValidChange("refNumbers", $event));
87862
+ });
87863
+ \u0275\u0275elementEnd()();
87864
+ }
87865
+ if (rf & 2) {
87866
+ const ctx_r0 = \u0275\u0275nextContext();
87867
+ const referenceNumbers_r3 = \u0275\u0275readContextLet(4);
87868
+ \u0275\u0275property("title", ctx_r0.groups.ReferenceNumbers);
87869
+ \u0275\u0275advance();
87870
+ \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", referenceNumbers_r3)("config", ctx_r0.referenceNumbersFields);
87871
+ }
87872
+ }
87873
+ function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_7_Template(rf, ctx) {
87874
+ if (rf & 1) {
87875
+ \u0275\u0275elementStart(0, "expandable-card", 5);
87876
+ \u0275\u0275element(1, "filing-form-group", 8);
87877
+ \u0275\u0275elementEnd();
87878
+ }
87879
+ if (rf & 2) {
87880
+ const ctx_r0 = \u0275\u0275nextContext();
87881
+ const corporationDetails_r4 = \u0275\u0275readContextLet(6);
87882
+ \u0275\u0275property("isStatusIcon", false)("title", ctx_r0.groups.CorporationDetails);
87883
+ \u0275\u0275advance();
87884
+ \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", corporationDetails_r4)("config", ctx_r0.corporationDetailsFields);
87885
+ }
87886
+ }
87887
+ function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Conditional_9_Template(rf, ctx) {
87888
+ if (rf & 1) {
87889
+ const _r6 = \u0275\u0275getCurrentView();
87890
+ \u0275\u0275elementStart(0, "filing-form-group", 7);
87891
+ \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Conditional_9_Template_filing_form_group_visiblyValidChange_0_listener() {
87892
+ \u0275\u0275restoreView(_r6);
87893
+ const ctx_r0 = \u0275\u0275nextContext(2);
87894
+ return \u0275\u0275resetView(ctx_r0.emitValidity());
87895
+ });
87896
+ \u0275\u0275elementEnd();
87897
+ }
87898
+ if (rf & 2) {
87899
+ \u0275\u0275nextContext();
87900
+ const registeredMailing_r7 = \u0275\u0275readContextLet(0);
87901
+ const ctx_r0 = \u0275\u0275nextContext();
87902
+ \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", registeredMailing_r7)("config", ctx_r0.addressFields);
87903
+ }
87904
+ }
87905
+ function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Conditional_14_Template(rf, ctx) {
87906
+ if (rf & 1) {
87907
+ const _r8 = \u0275\u0275getCurrentView();
87908
+ \u0275\u0275element(0, "filing-form-group", 8);
87909
+ \u0275\u0275elementStart(1, "filing-form-group", 7);
87910
+ \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Conditional_14_Template_filing_form_group_visiblyValidChange_1_listener() {
87911
+ \u0275\u0275restoreView(_r8);
87912
+ const ctx_r0 = \u0275\u0275nextContext(2);
87913
+ return \u0275\u0275resetView(ctx_r0.emitValidity());
87914
+ });
87915
+ \u0275\u0275elementEnd();
87916
+ }
87917
+ if (rf & 2) {
87918
+ \u0275\u0275nextContext();
87919
+ const registeredDelivery_r9 = \u0275\u0275readContextLet(1);
87920
+ const ctx_r0 = \u0275\u0275nextContext();
87921
+ const registeredOffice_r10 = \u0275\u0275readContextLet(8);
87922
+ \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", registeredOffice_r10)("config", ctx_r0.deliveryNoteFields);
87923
+ \u0275\u0275advance();
87924
+ \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", registeredDelivery_r9)("config", ctx_r0.addressFields);
87925
+ }
87926
+ }
87927
+ function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Template(rf, ctx) {
87928
+ if (rf & 1) {
87929
+ const _r5 = \u0275\u0275getCurrentView();
87930
+ \u0275\u0275declareLet(0)(1)(2);
87931
+ \u0275\u0275elementStart(3, "expandable-card", 6)(4, "div", 9);
87932
+ \u0275\u0275element(5, "filing-form-group", 8);
87933
+ \u0275\u0275elementStart(6, "h4", 10);
87934
+ \u0275\u0275text(7);
87935
+ \u0275\u0275pipe(8, "translate");
87936
+ \u0275\u0275elementEnd();
87937
+ \u0275\u0275template(9, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Conditional_9_Template, 1, 3, "filing-form-group", 8);
87938
+ \u0275\u0275elementStart(10, "h4", 10);
87939
+ \u0275\u0275text(11);
87940
+ \u0275\u0275pipe(12, "translate");
87941
+ \u0275\u0275elementEnd();
87942
+ \u0275\u0275elementStart(13, "filing-form-group", 7);
87943
+ \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Template_filing_form_group_visiblyValidChange_13_listener() {
87944
+ \u0275\u0275restoreView(_r5);
87945
+ const ctx_r0 = \u0275\u0275nextContext();
87946
+ return \u0275\u0275resetView(ctx_r0.emitValidity());
87947
+ });
87948
+ \u0275\u0275elementEnd();
87949
+ \u0275\u0275template(14, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Conditional_14_Template, 2, 6);
87950
+ \u0275\u0275elementEnd()();
87951
+ }
87952
+ if (rf & 2) {
87953
+ const ctx_r0 = \u0275\u0275nextContext();
87954
+ const registeredOffice_r10 = \u0275\u0275readContextLet(8);
87955
+ const registeredMailing_r11 = \u0275\u0275storeLet(ctx_r0.getAddressGroup(registeredOffice_r10, ctx_r0.controls.NewMailingAddress));
87956
+ \u0275\u0275advance();
87957
+ const registeredDelivery_r12 = \u0275\u0275storeLet(ctx_r0.getAddressGroup(registeredOffice_r10, ctx_r0.controls.NewDeliveryAddress));
87958
+ const registeredDeliverySame_r13 = ctx_r0.isChecked(registeredOffice_r10, ctx_r0.controls.DeliverySameAsMailing);
87959
+ \u0275\u0275advance(2);
87960
+ \u0275\u0275property("isStatusIcon", !ctx_r0.readonly())("isValid", ctx_r0.isRegisteredOfficeValid())("title", ctx_r0.groups.RegisteredOfficeAddress);
87961
+ \u0275\u0275advance(2);
87962
+ \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", registeredOffice_r10)("config", ctx_r0.currentAddressesFields);
87963
+ \u0275\u0275advance(2);
87964
+ \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(8, 15, "New Mailing Address"));
87965
+ \u0275\u0275advance(2);
87966
+ \u0275\u0275conditional(registeredMailing_r11 ? 9 : -1);
87967
+ \u0275\u0275advance(2);
87968
+ \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(12, 17, "New Delivery Address"));
87969
+ \u0275\u0275advance(2);
87970
+ \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", registeredOffice_r10)("config", ctx_r0.deliverySameAsMailingFields);
87971
+ \u0275\u0275advance();
87972
+ \u0275\u0275conditional(!registeredDeliverySame_r13 && registeredDelivery_r12 ? 14 : -1);
87973
+ }
87974
+ }
87975
+ function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Conditional_3_Template(rf, ctx) {
87976
+ if (rf & 1) {
87977
+ const _r16 = \u0275\u0275getCurrentView();
87978
+ \u0275\u0275elementStart(0, "filing-form-group", 7);
87979
+ \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Conditional_3_Template_filing_form_group_visiblyValidChange_0_listener() {
87980
+ \u0275\u0275restoreView(_r16);
87981
+ const ctx_r0 = \u0275\u0275nextContext(3);
87982
+ return \u0275\u0275resetView(ctx_r0.emitValidity());
87983
+ });
87984
+ \u0275\u0275elementEnd();
87985
+ }
87986
+ if (rf & 2) {
87987
+ \u0275\u0275nextContext(2);
87988
+ const recordsMailing_r17 = \u0275\u0275readContextLet(0);
87989
+ const ctx_r0 = \u0275\u0275nextContext();
87990
+ \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", recordsMailing_r17)("config", ctx_r0.addressFields);
87991
+ }
87992
+ }
87993
+ function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Conditional_8_Template(rf, ctx) {
87994
+ if (rf & 1) {
87995
+ const _r18 = \u0275\u0275getCurrentView();
87996
+ \u0275\u0275elementStart(0, "filing-form-group", 7);
87997
+ \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Conditional_8_Template_filing_form_group_visiblyValidChange_0_listener() {
87998
+ \u0275\u0275restoreView(_r18);
87999
+ const ctx_r0 = \u0275\u0275nextContext(3);
88000
+ return \u0275\u0275resetView(ctx_r0.emitValidity());
88001
+ });
88002
+ \u0275\u0275elementEnd();
88003
+ }
88004
+ if (rf & 2) {
88005
+ \u0275\u0275nextContext(2);
88006
+ const recordsDelivery_r19 = \u0275\u0275readContextLet(1);
88007
+ const ctx_r0 = \u0275\u0275nextContext();
88008
+ \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", recordsDelivery_r19)("config", ctx_r0.addressFields);
88009
+ }
88010
+ }
88011
+ function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Template(rf, ctx) {
88012
+ if (rf & 1) {
88013
+ const _r15 = \u0275\u0275getCurrentView();
88014
+ \u0275\u0275elementStart(0, "h4", 10);
88015
+ \u0275\u0275text(1);
88016
+ \u0275\u0275pipe(2, "translate");
88017
+ \u0275\u0275elementEnd();
88018
+ \u0275\u0275template(3, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Conditional_3_Template, 1, 3, "filing-form-group", 8);
88019
+ \u0275\u0275elementStart(4, "h4", 10);
88020
+ \u0275\u0275text(5);
88021
+ \u0275\u0275pipe(6, "translate");
88022
+ \u0275\u0275elementEnd();
88023
+ \u0275\u0275elementStart(7, "filing-form-group", 7);
88024
+ \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Template_filing_form_group_visiblyValidChange_7_listener() {
88025
+ \u0275\u0275restoreView(_r15);
88026
+ const ctx_r0 = \u0275\u0275nextContext(2);
88027
+ return \u0275\u0275resetView(ctx_r0.emitValidity());
88028
+ });
88029
+ \u0275\u0275elementEnd();
88030
+ \u0275\u0275template(8, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Conditional_8_Template, 1, 3, "filing-form-group", 8);
88031
+ }
88032
+ if (rf & 2) {
88033
+ \u0275\u0275nextContext();
88034
+ const recordsMailing_r17 = \u0275\u0275readContextLet(0);
88035
+ const recordsDelivery_r19 = \u0275\u0275readContextLet(1);
88036
+ const recordsDeliverySame_r20 = \u0275\u0275readContextLet(3);
88037
+ const ctx_r0 = \u0275\u0275nextContext();
88038
+ const recordsOffice_r21 = \u0275\u0275readContextLet(10);
88039
+ \u0275\u0275advance();
88040
+ \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(2, 7, "New Mailing Address"));
88041
+ \u0275\u0275advance(2);
88042
+ \u0275\u0275conditional(recordsMailing_r17 ? 3 : -1);
88043
+ \u0275\u0275advance(2);
88044
+ \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(6, 9, "New Delivery Address"));
88045
+ \u0275\u0275advance(2);
88046
+ \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", recordsOffice_r21)("config", ctx_r0.deliverySameAsMailingFields);
88047
+ \u0275\u0275advance();
88048
+ \u0275\u0275conditional(!recordsDeliverySame_r20 && recordsDelivery_r19 ? 8 : -1);
88049
+ }
88050
+ }
88051
+ function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Template(rf, ctx) {
88052
+ if (rf & 1) {
88053
+ const _r14 = \u0275\u0275getCurrentView();
88054
+ \u0275\u0275declareLet(0)(1)(2)(3);
88055
+ \u0275\u0275elementStart(4, "expandable-card", 6)(5, "div", 9);
88056
+ \u0275\u0275element(6, "filing-form-group", 8);
88057
+ \u0275\u0275elementStart(7, "filing-form-group", 7);
88058
+ \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Template_filing_form_group_visiblyValidChange_7_listener() {
88059
+ \u0275\u0275restoreView(_r14);
88060
+ const ctx_r0 = \u0275\u0275nextContext();
88061
+ return \u0275\u0275resetView(ctx_r0.emitValidity());
88062
+ });
88063
+ \u0275\u0275elementEnd();
88064
+ \u0275\u0275template(8, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Template, 9, 11);
88065
+ \u0275\u0275elementEnd()();
88066
+ }
88067
+ if (rf & 2) {
88068
+ const ctx_r0 = \u0275\u0275nextContext();
88069
+ const recordsOffice_r21 = \u0275\u0275readContextLet(10);
88070
+ \u0275\u0275storeLet(ctx_r0.getAddressGroup(recordsOffice_r21, ctx_r0.controls.NewMailingAddress));
88071
+ \u0275\u0275advance();
88072
+ \u0275\u0275storeLet(ctx_r0.getAddressGroup(recordsOffice_r21, ctx_r0.controls.NewDeliveryAddress));
88073
+ const recordsSameAsRegistered_r22 = ctx_r0.isChecked(recordsOffice_r21, ctx_r0.controls.SameAsRegisteredOffice);
88074
+ \u0275\u0275advance(2);
88075
+ \u0275\u0275storeLet(ctx_r0.isChecked(recordsOffice_r21, ctx_r0.controls.DeliverySameAsMailing));
88076
+ \u0275\u0275advance();
88077
+ \u0275\u0275property("isStatusIcon", !ctx_r0.readonly())("isValid", ctx_r0.isRecordsOfficeValid())("title", ctx_r0.groups.RecordsOfficeAddress);
88078
+ \u0275\u0275advance(2);
88079
+ \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", recordsOffice_r21)("config", ctx_r0.currentAddressesFields);
88080
+ \u0275\u0275advance();
88081
+ \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", recordsOffice_r21)("config", ctx_r0.sameAsRegisteredOfficeFields);
88082
+ \u0275\u0275advance();
88083
+ \u0275\u0275conditional(!recordsSameAsRegistered_r22 ? 8 : -1);
88084
+ }
88085
+ }
88086
+ var BritishColumbiaChangeOfOfficeAddressesFormComponent;
88087
+ var init_change_of_office_addresses_form_component = __esm({
88088
+ "src/app/components/british-columbia/change-of-office-addresses/change-of-office-addresses-form/change-of-office-addresses-form.component.ts"() {
88089
+ init_core();
88090
+ init_ngx_translate_core();
88091
+ init_filing_form_group_component();
88092
+ init_alert_component();
88093
+ init_alert_enum();
88094
+ init_expandable_card_component();
88095
+ init_british_columbia_form_enums();
88096
+ init_british_columbia_change_of_office_addresses_form_constants();
88097
+ init_forms_utils();
88098
+ init_core();
88099
+ BritishColumbiaChangeOfOfficeAddressesFormComponent = class _BritishColumbiaChangeOfOfficeAddressesFormComponent {
88100
+ form = input.required();
88101
+ task = input();
88102
+ errors = input([]);
88103
+ isNote = input(false);
88104
+ isSubmitted = input(false);
88105
+ readonly = input(false);
88106
+ visiblyValidChange = output();
88107
+ alertType = AlertType;
88108
+ groups = BCChangeOfOfficeAddressesFormGroups;
88109
+ controls = BCChangeOfOfficeAddressesFormControls;
88110
+ referenceNumbersFields = BC_COA_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS;
88111
+ corporationDetailsFields = BC_COA_CARD_FORM_CORPORATION_DETAILS_FIELDS;
88112
+ currentAddressesFields = BC_COA_CARD_FORM_CURRENT_ADDRESSES_FIELDS;
88113
+ addressFields = BC_COA_DELTA_CARD_FORM_OFFICE_ADDRESS_FIELDS;
88114
+ deliveryNoteFields = BC_COA_CARD_FORM_DELIVERY_ADDRESS_NOTE_FIELDS;
88115
+ deliverySameAsMailingFields = BC_COA_DELTA_CARD_FORM_DELIVERY_SAME_AS_MAILING_FIELDS;
88116
+ sameAsRegisteredOfficeFields = BC_COA_DELTA_CARD_FORM_SAME_AS_REGISTERED_OFFICE_FIELDS;
88117
+ sectionValidity = {};
88118
+ isVisiblyValid() {
88119
+ return Object.values(this.sectionValidity).every((v) => v) && this.isRegisteredOfficeValid() && this.isRecordsOfficeValid();
88120
+ }
88121
+ isRegisteredOfficeValid() {
88122
+ const office = this.getFormGroup(this.groups.RegisteredOfficeAddress);
88123
+ return this.isAddressValid(office, this.controls.NewMailingAddress) && this.isAddressValid(office, this.controls.NewDeliveryAddress);
88124
+ }
88125
+ isRecordsOfficeValid() {
88126
+ const office = this.getFormGroup(this.groups.RecordsOfficeAddress);
88127
+ return this.isAddressValid(office, this.controls.NewMailingAddress) && this.isAddressValid(office, this.controls.NewDeliveryAddress);
88128
+ }
88129
+ isChecked(office, control) {
88130
+ return Boolean(office?.get(control)?.value);
88131
+ }
88132
+ onSectionValidChange(section, valid) {
88133
+ this.sectionValidity = __spreadProps(__spreadValues({}, this.sectionValidity), { [section]: valid });
88134
+ this.emitValidity();
88135
+ }
88136
+ emitValidity() {
88137
+ this.visiblyValidChange.emit(this.isVisiblyValid());
88138
+ }
88139
+ getFormGroup(key) {
88140
+ return this.form().get(key) ?? null;
88141
+ }
88142
+ getAddressGroup(office, control) {
88143
+ return office?.get(control) ?? null;
88144
+ }
88145
+ isAddressValid(office, control) {
88146
+ const group2 = this.getAddressGroup(office, control);
88147
+ return !group2 || group2.disabled || isFormGroupVisiblyValid(group2, this.addressFields);
88148
+ }
88149
+ static \u0275fac = function BritishColumbiaChangeOfOfficeAddressesFormComponent_Factory(__ngFactoryType__) {
88150
+ return new (__ngFactoryType__ || _BritishColumbiaChangeOfOfficeAddressesFormComponent)();
88151
+ };
88152
+ static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaChangeOfOfficeAddressesFormComponent, selectors: [["british-columbia-change-of-office-addresses-form"]], inputs: { form: [1, "form"], task: [1, "task"], errors: [1, "errors"], isNote: [1, "isNote"], isSubmitted: [1, "isSubmitted"], readonly: [1, "readonly"] }, outputs: { visiblyValidChange: "visiblyValidChange" }, decls: 12, vars: 10, consts: [[1, "change-of-office-addresses-form"], ["title", "Entity changed", "content", "A new draft needs to be generated as the Entity was changed since the last draft was produced.", 3, "type"], ["title", "The following issues need to be resolved before proceeding:", 3, "content"], [1, "change-of-office-addresses-form-content"], [3, "title"], [3, "isStatusIcon", "title"], [3, "isStatusIcon", "isValid", "title"], [3, "visiblyValidChange", "isSubmitted", "form", "config"], [3, "isSubmitted", "form", "config"], [1, "change-of-office-addresses-form-item"], [1, "change-of-office-addresses-form-item-title"]], template: function BritishColumbiaChangeOfOfficeAddressesFormComponent_Template(rf, ctx) {
88153
+ if (rf & 1) {
88154
+ \u0275\u0275elementStart(0, "div", 0);
88155
+ \u0275\u0275template(1, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_1_Template, 1, 1, "alert", 1)(2, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_2_Template, 1, 1, "alert", 2);
88156
+ \u0275\u0275elementStart(3, "div", 3);
88157
+ \u0275\u0275declareLet(4);
88158
+ \u0275\u0275template(5, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_5_Template, 2, 4, "expandable-card", 4);
88159
+ \u0275\u0275declareLet(6);
88160
+ \u0275\u0275template(7, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_7_Template, 2, 5, "expandable-card", 5);
88161
+ \u0275\u0275declareLet(8);
88162
+ \u0275\u0275template(9, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Template, 15, 19, "expandable-card", 6);
88163
+ \u0275\u0275declareLet(10);
88164
+ \u0275\u0275template(11, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Template, 9, 13, "expandable-card", 6);
88165
+ \u0275\u0275elementEnd()();
88166
+ }
88167
+ if (rf & 2) {
88168
+ \u0275\u0275advance();
88169
+ \u0275\u0275conditional(ctx.isNote() ? 1 : -1);
88170
+ \u0275\u0275advance();
88171
+ \u0275\u0275conditional(ctx.errors().length ? 2 : -1);
88172
+ \u0275\u0275advance(2);
88173
+ const referenceNumbers_r23 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.ReferenceNumbers));
88174
+ \u0275\u0275advance();
88175
+ \u0275\u0275conditional(referenceNumbers_r23 ? 5 : -1);
88176
+ \u0275\u0275advance();
88177
+ const corporationDetails_r24 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.CorporationDetails));
88178
+ \u0275\u0275advance();
88179
+ \u0275\u0275conditional(corporationDetails_r24 ? 7 : -1);
88180
+ \u0275\u0275advance();
88181
+ const registeredOffice_r25 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.RegisteredOfficeAddress));
88182
+ \u0275\u0275advance();
88183
+ \u0275\u0275conditional(registeredOffice_r25 ? 9 : -1);
88184
+ \u0275\u0275advance();
88185
+ const recordsOffice_r26 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.RecordsOfficeAddress));
88186
+ \u0275\u0275advance();
88187
+ \u0275\u0275conditional(recordsOffice_r26 ? 11 : -1);
88188
+ }
88189
+ }, dependencies: [FilingFormGroupComponent, AlertComponent, ExpandableCardComponent, TranslatePipe], styles: ["\n\n[_nghost-%COMP%] {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n}\n[_nghost-%COMP%] .change-of-office-addresses-form[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n[_nghost-%COMP%] .change-of-office-addresses-form-content[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n overflow-y: auto;\n min-height: 0;\n}\n[_nghost-%COMP%] .change-of-office-addresses-form-item[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n[_nghost-%COMP%] .change-of-office-addresses-form-item-title[_ngcontent-%COMP%] {\n color: var(--filing-modal-color-dark-blue);\n}\n/*# sourceMappingURL=change-of-office-addresses-form.component.css.map */"], changeDetection: 0 });
88190
+ };
88191
+ (() => {
88192
+ (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaChangeOfOfficeAddressesFormComponent, [{
88193
+ type: Component,
88194
+ args: [{ standalone: true, selector: "british-columbia-change-of-office-addresses-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [FilingFormGroupComponent, AlertComponent, ExpandableCardComponent, TranslatePipe], template: `<div class="change-of-office-addresses-form">\r
88195
+ @if (isNote()) {\r
88196
+ <alert\r
88197
+ [type]="alertType.Info"\r
88198
+ title="Entity changed"\r
88199
+ content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
88200
+ />\r
88201
+ }\r
88202
+ \r
88203
+ @if (errors().length) {\r
88204
+ <alert\r
88205
+ title="The following issues need to be resolved before proceeding:"\r
88206
+ [content]="errors()"\r
88207
+ />\r
88208
+ }\r
88209
+ \r
88210
+ <div class="change-of-office-addresses-form-content">\r
88211
+ @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);\r
88212
+ \r
88213
+ @if (referenceNumbers) {\r
88214
+ <expandable-card [title]="groups.ReferenceNumbers">\r
88215
+ <filing-form-group\r
88216
+ [isSubmitted]="isSubmitted()"\r
88217
+ [form]="referenceNumbers"\r
88218
+ [config]="referenceNumbersFields"\r
88219
+ (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"\r
88220
+ />\r
88221
+ </expandable-card>\r
88222
+ }\r
88223
+ \r
88224
+ @let corporationDetails = getFormGroup(groups.CorporationDetails);\r
88225
+ \r
88226
+ @if (corporationDetails) {\r
88227
+ <expandable-card [isStatusIcon]="false" [title]="groups.CorporationDetails">\r
88228
+ <filing-form-group\r
88229
+ [isSubmitted]="isSubmitted()"\r
88230
+ [form]="corporationDetails"\r
88231
+ [config]="corporationDetailsFields"\r
88232
+ />\r
88233
+ </expandable-card>\r
88234
+ }\r
88235
+ \r
88236
+ <!-- ===== REGISTERED OFFICE ADDRESS ===== -->\r
88237
+ @let registeredOffice = getFormGroup(groups.RegisteredOfficeAddress);\r
88238
+ \r
88239
+ @if (registeredOffice) {\r
88240
+ @let registeredMailing = getAddressGroup(registeredOffice, controls.NewMailingAddress);\r
88241
+ @let registeredDelivery = getAddressGroup(registeredOffice, controls.NewDeliveryAddress);\r
88242
+ @let registeredDeliverySame = isChecked(registeredOffice, controls.DeliverySameAsMailing);\r
88243
+ \r
88244
+ <expandable-card\r
88245
+ [isStatusIcon]="!readonly()"\r
88246
+ [isValid]="isRegisteredOfficeValid()"\r
88247
+ [title]="groups.RegisteredOfficeAddress"\r
88248
+ >\r
88249
+ <div class="change-of-office-addresses-form-item">\r
88250
+ <filing-form-group\r
88251
+ [isSubmitted]="isSubmitted()"\r
88252
+ [form]="registeredOffice"\r
88253
+ [config]="currentAddressesFields"\r
88254
+ />\r
88255
+ \r
88256
+ <h4 class="change-of-office-addresses-form-item-title">{{ 'New Mailing Address' | translate }}</h4>\r
88257
+ \r
88258
+ @if (registeredMailing) {\r
88259
+ <filing-form-group\r
88260
+ [isSubmitted]="isSubmitted()"\r
88261
+ [form]="registeredMailing"\r
88262
+ [config]="addressFields"\r
88263
+ (visiblyValidChange)="emitValidity()"\r
88264
+ />\r
88265
+ }\r
88266
+ \r
88267
+ <h4 class="change-of-office-addresses-form-item-title">{{ 'New Delivery Address' | translate }}</h4>\r
88268
+ \r
88269
+ <filing-form-group\r
88270
+ [isSubmitted]="isSubmitted()"\r
88271
+ [form]="registeredOffice"\r
88272
+ [config]="deliverySameAsMailingFields"\r
88273
+ (visiblyValidChange)="emitValidity()"\r
88274
+ />\r
88275
+ \r
88276
+ @if (!registeredDeliverySame && registeredDelivery) {\r
88277
+ <filing-form-group\r
88278
+ [isSubmitted]="isSubmitted()"\r
88279
+ [form]="registeredOffice"\r
88280
+ [config]="deliveryNoteFields"\r
88281
+ />\r
88282
+ <filing-form-group\r
88283
+ [isSubmitted]="isSubmitted()"\r
88284
+ [form]="registeredDelivery"\r
88285
+ [config]="addressFields"\r
88286
+ (visiblyValidChange)="emitValidity()"\r
88287
+ />\r
88288
+ }\r
88289
+ </div>\r
88290
+ </expandable-card>\r
88291
+ }\r
88292
+ \r
88293
+ <!-- ===== RECORDS OFFICE ADDRESS ===== -->\r
88294
+ @let recordsOffice = getFormGroup(groups.RecordsOfficeAddress);\r
88295
+ \r
88296
+ @if (recordsOffice) {\r
88297
+ @let recordsMailing = getAddressGroup(recordsOffice, controls.NewMailingAddress);\r
88298
+ @let recordsDelivery = getAddressGroup(recordsOffice, controls.NewDeliveryAddress);\r
88299
+ @let recordsSameAsRegistered = isChecked(recordsOffice, controls.SameAsRegisteredOffice);\r
88300
+ @let recordsDeliverySame = isChecked(recordsOffice, controls.DeliverySameAsMailing);\r
88301
+ \r
88302
+ <expandable-card\r
88303
+ [isStatusIcon]="!readonly()"\r
88304
+ [isValid]="isRecordsOfficeValid()"\r
88305
+ [title]="groups.RecordsOfficeAddress"\r
88306
+ >\r
88307
+ <div class="change-of-office-addresses-form-item">\r
88308
+ <filing-form-group\r
88309
+ [isSubmitted]="isSubmitted()"\r
88310
+ [form]="recordsOffice"\r
88311
+ [config]="currentAddressesFields"\r
88312
+ />\r
88313
+ \r
88314
+ <filing-form-group\r
88315
+ [isSubmitted]="isSubmitted()"\r
88316
+ [form]="recordsOffice"\r
88317
+ [config]="sameAsRegisteredOfficeFields"\r
88318
+ (visiblyValidChange)="emitValidity()"\r
88319
+ />\r
88320
+ \r
88321
+ @if (!recordsSameAsRegistered) {\r
88322
+ <h4 class="change-of-office-addresses-form-item-title">{{ 'New Mailing Address' | translate }}</h4>\r
88323
+ \r
88324
+ @if (recordsMailing) {\r
88325
+ <filing-form-group\r
88326
+ [isSubmitted]="isSubmitted()"\r
88327
+ [form]="recordsMailing"\r
88328
+ [config]="addressFields"\r
88329
+ (visiblyValidChange)="emitValidity()"\r
88330
+ />\r
88331
+ }\r
88332
+ \r
88333
+ <h4 class="change-of-office-addresses-form-item-title">{{ 'New Delivery Address' | translate }}</h4>\r
88334
+ \r
88335
+ <filing-form-group\r
88336
+ [isSubmitted]="isSubmitted()"\r
88337
+ [form]="recordsOffice"\r
88338
+ [config]="deliverySameAsMailingFields"\r
88339
+ (visiblyValidChange)="emitValidity()"\r
88340
+ />\r
88341
+ \r
88342
+ @if (!recordsDeliverySame && recordsDelivery) {\r
88343
+ <filing-form-group\r
88344
+ [isSubmitted]="isSubmitted()"\r
88345
+ [form]="recordsDelivery"\r
88346
+ [config]="addressFields"\r
88347
+ (visiblyValidChange)="emitValidity()"\r
88348
+ />\r
88349
+ }\r
88350
+ }\r
88351
+ </div>\r
88352
+ </expandable-card>\r
88353
+ }\r
88354
+ </div>\r
88355
+ </div>\r
88356
+ `, styles: ["/* src/app/components/british-columbia/change-of-office-addresses/change-of-office-addresses-form/change-of-office-addresses-form.component.scss */\n:host {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n}\n:host .change-of-office-addresses-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .change-of-office-addresses-form-content {\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n overflow-y: auto;\n min-height: 0;\n}\n:host .change-of-office-addresses-form-item {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n:host .change-of-office-addresses-form-item-title {\n color: var(--filing-modal-color-dark-blue);\n}\n/*# sourceMappingURL=change-of-office-addresses-form.component.css.map */\n"] }]
88357
+ }], null, null);
88358
+ })();
88359
+ (() => {
88360
+ (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaChangeOfOfficeAddressesFormComponent, { className: "BritishColumbiaChangeOfOfficeAddressesFormComponent", filePath: "src/app/components/british-columbia/change-of-office-addresses/change-of-office-addresses-form/change-of-office-addresses-form.component.ts", lineNumber: 43 });
88361
+ })();
88362
+ }
88363
+ });
88364
+
88365
+ // src/app/components/british-columbia/change-of-office-addresses/steps/delta/change-of-office-addresses-delta-form.component.ts
88366
+ var BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent;
88367
+ var init_change_of_office_addresses_delta_form_component = __esm({
88368
+ "src/app/components/british-columbia/change-of-office-addresses/steps/delta/change-of-office-addresses-delta-form.component.ts"() {
88369
+ init_core();
88370
+ init_button();
88371
+ init_ngx_translate_core();
88372
+ init_common_utils();
88373
+ init_change_of_office_addresses_form_component();
88374
+ init_core();
88375
+ BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent = class _BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent {
88376
+ form = input.required();
88377
+ actionsDisabled = input(false);
88378
+ isNote = input(false);
88379
+ task = input();
88380
+ errors = input([]);
88381
+ close = output();
88382
+ save = output();
88383
+ validate = output();
88384
+ submitted = signal(false);
88385
+ visiblyValid = signal(true);
88386
+ clientErrors = signal([]);
88387
+ translate = inject(TranslateService);
88388
+ combinedErrors = computed(() => {
88389
+ const client = this.clientErrors();
88390
+ return client.length ? client : this.errors();
88391
+ });
88392
+ onVisiblyValidChange(valid) {
88393
+ this.visiblyValid.set(valid);
88394
+ }
88395
+ onValidate() {
88396
+ this.submitted.set(true);
88397
+ this.clientErrors.set([]);
88398
+ markFormGroupTouched(this.form());
88399
+ if (!this.visiblyValid()) {
88400
+ this.clientErrors.set([this.translate.instant("Some required fields aren't completed.")]);
88401
+ return;
88402
+ }
88403
+ this.validate.emit();
88404
+ }
88405
+ static \u0275fac = function BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent_Factory(__ngFactoryType__) {
88406
+ return new (__ngFactoryType__ || _BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent)();
88407
+ };
88408
+ static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent, selectors: [["british-columbia-change-of-office-addresses-delta-form"]], inputs: { form: [1, "form"], actionsDisabled: [1, "actionsDisabled"], isNote: [1, "isNote"], task: [1, "task"], errors: [1, "errors"] }, outputs: { close: "close", save: "save", validate: "validate" }, decls: 15, vars: 18, consts: [[1, "change-of-office-addresses-delta-form"], [1, "change-of-office-addresses-delta-form-content", 3, "visiblyValidChange", "form", "task", "errors", "isNote", "isSubmitted", "readonly"], [1, "change-of-office-addresses-delta-form-actions"], ["mat-stroked-button", "", "mat-button", "", 3, "click", "disabled"], [1, "body-1-semibold"], ["color", "primary", "mat-flat-button", "", 1, "submit", 3, "click", "disabled"]], template: function BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent_Template(rf, ctx) {
88409
+ if (rf & 1) {
88410
+ \u0275\u0275elementStart(0, "div", 0)(1, "british-columbia-change-of-office-addresses-form", 1);
88411
+ \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent_Template_british_columbia_change_of_office_addresses_form_visiblyValidChange_1_listener($event) {
88412
+ return ctx.onVisiblyValidChange($event);
88413
+ });
88414
+ \u0275\u0275elementEnd();
88415
+ \u0275\u0275elementStart(2, "div", 2)(3, "button", 3);
88416
+ \u0275\u0275listener("click", function BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent_Template_button_click_3_listener() {
88417
+ return ctx.close.emit();
88418
+ });
88419
+ \u0275\u0275elementStart(4, "span", 4);
88420
+ \u0275\u0275text(5);
88421
+ \u0275\u0275pipe(6, "translate");
88422
+ \u0275\u0275elementEnd()();
88423
+ \u0275\u0275elementStart(7, "button", 3);
88424
+ \u0275\u0275listener("click", function BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent_Template_button_click_7_listener() {
88425
+ return ctx.save.emit();
88426
+ });
88427
+ \u0275\u0275elementStart(8, "span", 4);
88428
+ \u0275\u0275text(9);
88429
+ \u0275\u0275pipe(10, "translate");
88430
+ \u0275\u0275elementEnd()();
88431
+ \u0275\u0275elementStart(11, "button", 5);
88432
+ \u0275\u0275listener("click", function BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent_Template_button_click_11_listener() {
88433
+ return ctx.onValidate();
88434
+ });
88435
+ \u0275\u0275elementStart(12, "span", 4);
88436
+ \u0275\u0275text(13);
88437
+ \u0275\u0275pipe(14, "translate");
88438
+ \u0275\u0275elementEnd()()()();
88439
+ }
88440
+ if (rf & 2) {
88441
+ \u0275\u0275advance();
88442
+ \u0275\u0275property("form", ctx.form())("task", ctx.task())("errors", ctx.combinedErrors())("isNote", ctx.isNote())("isSubmitted", ctx.submitted())("readonly", false);
88443
+ \u0275\u0275advance(2);
88444
+ \u0275\u0275property("disabled", ctx.actionsDisabled());
88445
+ \u0275\u0275advance(2);
88446
+ \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(6, 12, "Close"));
88447
+ \u0275\u0275advance(2);
88448
+ \u0275\u0275property("disabled", ctx.actionsDisabled());
88449
+ \u0275\u0275advance(2);
88450
+ \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(10, 14, "Save Changes"));
88451
+ \u0275\u0275advance(2);
88452
+ \u0275\u0275property("disabled", ctx.actionsDisabled());
88453
+ \u0275\u0275advance(2);
88454
+ \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(14, 16, "Validate & Generate Draft"));
88455
+ }
88456
+ }, dependencies: [MatButton, TranslatePipe, BritishColumbiaChangeOfOfficeAddressesFormComponent], styles: ["\n\n[_nghost-%COMP%] .change-of-office-addresses-delta-form[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n[_nghost-%COMP%] .change-of-office-addresses-delta-form-content[_ngcontent-%COMP%] {\n flex: 1;\n min-height: 0;\n}\n[_nghost-%COMP%] .change-of-office-addresses-delta-form-actions[_ngcontent-%COMP%] {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n[_nghost-%COMP%] .change-of-office-addresses-delta-form-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%] {\n margin: 0;\n}\n[_nghost-%COMP%] .change-of-office-addresses-delta-form-actions[_ngcontent-%COMP%] .submit[_ngcontent-%COMP%] {\n padding-left: 30px;\n padding-right: 30px;\n}\n/*# sourceMappingURL=change-of-office-addresses-delta-form.component.css.map */"], changeDetection: 0 });
88457
+ };
88458
+ (() => {
88459
+ (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent, [{
88460
+ type: Component,
88461
+ args: [{ standalone: true, selector: "british-columbia-change-of-office-addresses-delta-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, TranslatePipe, BritishColumbiaChangeOfOfficeAddressesFormComponent], template: `<div class="change-of-office-addresses-delta-form">\r
88462
+ <british-columbia-change-of-office-addresses-form\r
88463
+ class="change-of-office-addresses-delta-form-content"\r
88464
+ [form]="form()"\r
88465
+ [task]="task()"\r
88466
+ [errors]="combinedErrors()"\r
88467
+ [isNote]="isNote()"\r
88468
+ [isSubmitted]="submitted()"\r
88469
+ [readonly]="false"\r
88470
+ (visiblyValidChange)="onVisiblyValidChange($event)"\r
88471
+ />\r
88472
+ \r
88473
+ <div class="change-of-office-addresses-delta-form-actions">\r
88474
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
88475
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
88476
+ </button>\r
88477
+ <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>\r
88478
+ <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
88479
+ </button>\r
88480
+ <button\r
88481
+ class="submit"\r
88482
+ color="primary"\r
88483
+ mat-flat-button\r
88484
+ [disabled]="actionsDisabled()"\r
88485
+ (click)="onValidate()"\r
88486
+ >\r
88487
+ <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
88488
+ </button>\r
88489
+ </div>\r
88490
+ </div>\r
88491
+ `, styles: ["/* src/app/components/british-columbia/change-of-office-addresses/steps/delta/change-of-office-addresses-delta-form.component.scss */\n:host .change-of-office-addresses-delta-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .change-of-office-addresses-delta-form-content {\n flex: 1;\n min-height: 0;\n}\n:host .change-of-office-addresses-delta-form-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n:host .change-of-office-addresses-delta-form-actions button {\n margin: 0;\n}\n:host .change-of-office-addresses-delta-form-actions .submit {\n padding-left: 30px;\n padding-right: 30px;\n}\n/*# sourceMappingURL=change-of-office-addresses-delta-form.component.css.map */\n"] }]
88492
+ }], null, null);
88493
+ })();
88494
+ (() => {
88495
+ (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent, { className: "BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent", filePath: "src/app/components/british-columbia/change-of-office-addresses/steps/delta/change-of-office-addresses-delta-form.component.ts", lineNumber: 25 });
88496
+ })();
88497
+ }
88498
+ });
88499
+
88500
+ // src/app/components/british-columbia/change-of-office-addresses/steps/preview/change-of-office-addresses-preview-form.component.ts
88501
+ var BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent;
88502
+ var init_change_of_office_addresses_preview_form_component = __esm({
88503
+ "src/app/components/british-columbia/change-of-office-addresses/steps/preview/change-of-office-addresses-preview-form.component.ts"() {
88504
+ init_core();
88505
+ init_button();
88506
+ init_ngx_translate_core();
88507
+ init_change_of_office_addresses_form_component();
88508
+ init_core();
88509
+ BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent = class _BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent {
88510
+ form = input.required();
88511
+ actionsDisabled = input(false);
88512
+ task = input();
88513
+ errors = input([]);
88514
+ close = output();
88515
+ file = output();
88516
+ static \u0275fac = function BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent_Factory(__ngFactoryType__) {
88517
+ return new (__ngFactoryType__ || _BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent)();
88518
+ };
88519
+ static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent, selectors: [["british-columbia-change-of-office-addresses-preview-form"]], inputs: { form: [1, "form"], actionsDisabled: [1, "actionsDisabled"], task: [1, "task"], errors: [1, "errors"] }, outputs: { close: "close", file: "file" }, decls: 11, vars: 13, consts: [[1, "change-of-office-addresses-preview-form"], [1, "change-of-office-addresses-preview-form-content", 3, "form", "task", "errors", "isSubmitted", "readonly"], [1, "change-of-office-addresses-preview-form-actions"], ["mat-stroked-button", "", "mat-button", "", 3, "click", "disabled"], [1, "body-1-semibold"], ["color", "primary", "mat-flat-button", "", 1, "submit", 3, "click", "disabled"]], template: function BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent_Template(rf, ctx) {
88520
+ if (rf & 1) {
88521
+ \u0275\u0275elementStart(0, "div", 0);
88522
+ \u0275\u0275element(1, "british-columbia-change-of-office-addresses-form", 1);
88523
+ \u0275\u0275elementStart(2, "div", 2)(3, "button", 3);
88524
+ \u0275\u0275listener("click", function BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent_Template_button_click_3_listener() {
88525
+ return ctx.close.emit();
88526
+ });
88527
+ \u0275\u0275elementStart(4, "span", 4);
88528
+ \u0275\u0275text(5);
88529
+ \u0275\u0275pipe(6, "translate");
88530
+ \u0275\u0275elementEnd()();
88531
+ \u0275\u0275elementStart(7, "button", 5);
88532
+ \u0275\u0275listener("click", function BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent_Template_button_click_7_listener() {
88533
+ return ctx.file.emit();
88534
+ });
88535
+ \u0275\u0275elementStart(8, "span", 4);
88536
+ \u0275\u0275text(9);
88537
+ \u0275\u0275pipe(10, "translate");
88538
+ \u0275\u0275elementEnd()()()();
88539
+ }
88540
+ if (rf & 2) {
88541
+ \u0275\u0275advance();
88542
+ \u0275\u0275property("form", ctx.form())("task", ctx.task())("errors", ctx.errors())("isSubmitted", false)("readonly", true);
88543
+ \u0275\u0275advance(2);
88544
+ \u0275\u0275property("disabled", ctx.actionsDisabled());
88545
+ \u0275\u0275advance(2);
88546
+ \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(6, 9, "Close"));
88547
+ \u0275\u0275advance(2);
88548
+ \u0275\u0275property("disabled", ctx.actionsDisabled());
88549
+ \u0275\u0275advance(2);
88550
+ \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(10, 11, "File"));
88551
+ }
88552
+ }, dependencies: [MatButton, TranslatePipe, BritishColumbiaChangeOfOfficeAddressesFormComponent], styles: ["\n\n[_nghost-%COMP%] .change-of-office-addresses-preview-form[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n[_nghost-%COMP%] .change-of-office-addresses-preview-form-content[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n[_nghost-%COMP%] .change-of-office-addresses-preview-form-actions[_ngcontent-%COMP%] {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n[_nghost-%COMP%] .change-of-office-addresses-preview-form-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%] {\n margin: 0;\n}\n/*# sourceMappingURL=change-of-office-addresses-preview-form.component.css.map */"], changeDetection: 0 });
88553
+ };
88554
+ (() => {
88555
+ (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent, [{
88556
+ type: Component,
88557
+ args: [{ standalone: true, selector: "british-columbia-change-of-office-addresses-preview-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, TranslatePipe, BritishColumbiaChangeOfOfficeAddressesFormComponent], template: `<div class="change-of-office-addresses-preview-form">\r
88558
+ <british-columbia-change-of-office-addresses-form\r
88559
+ class="change-of-office-addresses-preview-form-content"\r
88560
+ [form]="form()"\r
88561
+ [task]="task()"\r
88562
+ [errors]="errors()"\r
88563
+ [isSubmitted]="false"\r
88564
+ [readonly]="true"\r
88565
+ />\r
88566
+ \r
88567
+ <div class="change-of-office-addresses-preview-form-actions">\r
88568
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
88569
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
88570
+ </button>\r
88571
+ <button\r
88572
+ class="submit"\r
88573
+ color="primary"\r
88574
+ mat-flat-button\r
88575
+ [disabled]="actionsDisabled()"\r
88576
+ (click)="file.emit()"\r
88577
+ >\r
88578
+ <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
88579
+ </button>\r
88580
+ </div>\r
88581
+ </div>\r
88582
+ `, styles: ["/* src/app/components/british-columbia/change-of-office-addresses/steps/preview/change-of-office-addresses-preview-form.component.scss */\n:host .change-of-office-addresses-preview-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .change-of-office-addresses-preview-form-content {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .change-of-office-addresses-preview-form-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n:host .change-of-office-addresses-preview-form-actions button {\n margin: 0;\n}\n/*# sourceMappingURL=change-of-office-addresses-preview-form.component.css.map */\n"] }]
88583
+ }], null, null);
88584
+ })();
88585
+ (() => {
88586
+ (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent, { className: "BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent", filePath: "src/app/components/british-columbia/change-of-office-addresses/steps/preview/change-of-office-addresses-preview-form.component.ts", lineNumber: 21 });
88587
+ })();
88588
+ }
88589
+ });
88590
+
87633
88591
  // src/app/components/british-columbia/british-columbia.component.ts
87634
88592
  function BritishColumbiaComponent_Conditional_1_Conditional_0_Template(rf, ctx) {
87635
88593
  if (rf & 1) {
@@ -87797,6 +88755,63 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87797
88755
  \u0275\u0275conditional(ctx_r1.activeStep() === ctx_r1.steps.TermsAndConditions ? 2 : -1);
87798
88756
  }
87799
88757
  }
88758
+ function BritishColumbiaComponent_Conditional_3_Conditional_0_Template(rf, ctx) {
88759
+ if (rf & 1) {
88760
+ const _r9 = \u0275\u0275getCurrentView();
88761
+ \u0275\u0275elementStart(0, "british-columbia-change-of-office-addresses-delta-form", 3);
88762
+ \u0275\u0275listener("validate", function BritishColumbiaComponent_Conditional_3_Conditional_0_Template_british_columbia_change_of_office_addresses_delta_form_validate_0_listener() {
88763
+ \u0275\u0275restoreView(_r9);
88764
+ const ctx_r1 = \u0275\u0275nextContext(2);
88765
+ return \u0275\u0275resetView(ctx_r1.onChangeOfOfficeAddressesValidate());
88766
+ })("close", function BritishColumbiaComponent_Conditional_3_Conditional_0_Template_british_columbia_change_of_office_addresses_delta_form_close_0_listener() {
88767
+ \u0275\u0275restoreView(_r9);
88768
+ const ctx_r1 = \u0275\u0275nextContext(2);
88769
+ return \u0275\u0275resetView(ctx_r1.onClose());
88770
+ })("save", function BritishColumbiaComponent_Conditional_3_Conditional_0_Template_british_columbia_change_of_office_addresses_delta_form_save_0_listener() {
88771
+ \u0275\u0275restoreView(_r9);
88772
+ const ctx_r1 = \u0275\u0275nextContext(2);
88773
+ return \u0275\u0275resetView(ctx_r1.onChangeOfOfficeAddressesSave());
88774
+ });
88775
+ \u0275\u0275elementEnd();
88776
+ }
88777
+ if (rf & 2) {
88778
+ const ctx_r1 = \u0275\u0275nextContext(2);
88779
+ const taskData_r3 = \u0275\u0275readContextLet(0);
88780
+ \u0275\u0275property("task", taskData_r3)("form", ctx_r1.deltaForm())("actionsDisabled", ctx_r1.actionsDisabled())("errors", ctx_r1.errors())("isNote", ctx_r1.isNote());
88781
+ }
88782
+ }
88783
+ function BritishColumbiaComponent_Conditional_3_Conditional_1_Template(rf, ctx) {
88784
+ if (rf & 1) {
88785
+ const _r10 = \u0275\u0275getCurrentView();
88786
+ \u0275\u0275elementStart(0, "british-columbia-change-of-office-addresses-preview-form", 4);
88787
+ \u0275\u0275listener("close", function BritishColumbiaComponent_Conditional_3_Conditional_1_Template_british_columbia_change_of_office_addresses_preview_form_close_0_listener() {
88788
+ \u0275\u0275restoreView(_r10);
88789
+ const ctx_r1 = \u0275\u0275nextContext(2);
88790
+ return \u0275\u0275resetView(ctx_r1.close.emit());
88791
+ })("file", function BritishColumbiaComponent_Conditional_3_Conditional_1_Template_british_columbia_change_of_office_addresses_preview_form_file_0_listener() {
88792
+ \u0275\u0275restoreView(_r10);
88793
+ const ctx_r1 = \u0275\u0275nextContext(2);
88794
+ return \u0275\u0275resetView(ctx_r1.onChangeOfOfficeAddressesFile());
88795
+ });
88796
+ \u0275\u0275elementEnd();
88797
+ }
88798
+ if (rf & 2) {
88799
+ const ctx_r1 = \u0275\u0275nextContext(2);
88800
+ const taskData_r3 = \u0275\u0275readContextLet(0);
88801
+ \u0275\u0275property("task", taskData_r3)("form", ctx_r1.previewForm())("actionsDisabled", ctx_r1.actionsDisabled())("errors", ctx_r1.errors());
88802
+ }
88803
+ }
88804
+ function BritishColumbiaComponent_Conditional_3_Template(rf, ctx) {
88805
+ if (rf & 1) {
88806
+ \u0275\u0275template(0, BritishColumbiaComponent_Conditional_3_Conditional_0_Template, 1, 5, "british-columbia-change-of-office-addresses-delta-form", 0)(1, BritishColumbiaComponent_Conditional_3_Conditional_1_Template, 1, 4, "british-columbia-change-of-office-addresses-preview-form", 1);
88807
+ }
88808
+ if (rf & 2) {
88809
+ const ctx_r1 = \u0275\u0275nextContext();
88810
+ \u0275\u0275conditional(ctx_r1.activeStep() === ctx_r1.steps.Validate ? 0 : -1);
88811
+ \u0275\u0275advance();
88812
+ \u0275\u0275conditional(ctx_r1.activeStep() === ctx_r1.steps.FilingPreview ? 1 : -1);
88813
+ }
88814
+ }
87800
88815
  var BritishColumbiaComponent;
87801
88816
  var init_british_columbia_component = __esm({
87802
88817
  "src/app/components/british-columbia/british-columbia.component.ts"() {
@@ -87809,6 +88824,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87809
88824
  init_british_columbia_form_enums();
87810
88825
  init_british_columbia_change_of_directors_form_helper();
87811
88826
  init_british_columbia_formation_form_helper();
88827
+ init_british_columbia_change_of_office_addresses_form_helper();
87812
88828
  init_delta_state_service();
87813
88829
  init_common_utils();
87814
88830
  init_confirm_modal_component();
@@ -87817,6 +88833,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87817
88833
  init_change_of_directors_preview_form_component();
87818
88834
  init_british_columbia_incorporation_delta_form_component();
87819
88835
  init_british_columbia_incorporation_preview_form_component();
88836
+ init_change_of_office_addresses_delta_form_component();
88837
+ init_change_of_office_addresses_preview_form_component();
87820
88838
  init_core();
87821
88839
  BritishColumbiaComponent = class _BritishColumbiaComponent {
87822
88840
  task = input();
@@ -87834,12 +88852,17 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87834
88852
  saveFormationDeltaData = output();
87835
88853
  nextStep = output();
87836
88854
  prevStep = output();
88855
+ // Change of Office Addresses outputs
88856
+ coaValidate = output();
88857
+ saveCoaDeltaData = output();
88858
+ coaSubmit = output();
87837
88859
  dialog = inject(MatDialog);
87838
88860
  deltaState = inject(DeltaStateService);
87839
88861
  translate = inject(TranslateService);
87840
88862
  steps = Step;
87841
88863
  isChangeOfDirectorsTask = isChangeOfPrincipalsTask;
87842
88864
  isFormationTask = isFormationTask2;
88865
+ isChangeOfOfficeAddressesTask = isChangeOfAddressTask;
87843
88866
  deltaForm = signal(new FormGroup({}));
87844
88867
  previewForm = signal(new FormGroup({}));
87845
88868
  constructor() {
@@ -87853,6 +88876,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87853
88876
  this.deltaForm.set(new FormGroup(BritishColumbiaFormationFormHelper.generateConfig(task, (key) => this.translate.instant(key), untracked2(() => this.currentUser()))));
87854
88877
  this.deltaState.setBCFormationInitialDelta(this.generateFormationDeltaData());
87855
88878
  }
88879
+ if (task && isChangeOfAddressTask(task)) {
88880
+ this.deltaForm.set(new FormGroup(BritishColumbiaChangeOfOfficeAddressesFormHelper.generateConfig(task, (key) => this.translate.instant(key))));
88881
+ this.deltaState.setBCChangeOfOfficeAddressesInitialDelta(this.generateChangeOfOfficeAddressesDeltaData());
88882
+ }
87856
88883
  });
87857
88884
  effect(() => {
87858
88885
  const task = this.task();
@@ -87876,7 +88903,63 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87876
88903
  this.nextStep.emit();
87877
88904
  }
87878
88905
  }
88906
+ if (task && isChangeOfAddressTask(task) && deltaData) {
88907
+ const form = new FormGroup(BritishColumbiaChangeOfOfficeAddressesFormHelper.generateConfig(task, (key) => this.translate.instant(key)));
88908
+ form.disable();
88909
+ this.previewForm.set(form);
88910
+ if (untracked2(() => this.activeStep()) === Step.Validate) {
88911
+ this.nextStep.emit();
88912
+ }
88913
+ }
88914
+ });
88915
+ }
88916
+ onChangeOfOfficeAddressesValidate() {
88917
+ markFormGroupTouched(this.deltaForm());
88918
+ this.coaValidate.emit(this.generateChangeOfOfficeAddressesDeltaData());
88919
+ }
88920
+ onChangeOfOfficeAddressesSave() {
88921
+ const delta = this.generateChangeOfOfficeAddressesDeltaData();
88922
+ this.deltaState.setBCChangeOfOfficeAddressesInitialDelta(delta);
88923
+ this.saveCoaDeltaData.emit(delta);
88924
+ }
88925
+ /** No certification step for this filing: "File" submits the staged draft directly. */
88926
+ onChangeOfOfficeAddressesFile() {
88927
+ this.coaSubmit.emit(this.generateChangeOfOfficeAddressesDeltaData());
88928
+ }
88929
+ generateChangeOfOfficeAddressesDeltaData() {
88930
+ const c = BCChangeOfOfficeAddressesFormControls;
88931
+ const formData = this.deltaForm().getRawValue();
88932
+ const refNumbers = formData[BCChangeOfOfficeAddressesFormGroups.ReferenceNumbers];
88933
+ const registered = formData[BCChangeOfOfficeAddressesFormGroups.RegisteredOfficeAddress];
88934
+ const records = formData[BCChangeOfOfficeAddressesFormGroups.RecordsOfficeAddress];
88935
+ const toAddress = (src) => ({
88936
+ addressLine1: src?.[c.AddressLine1] ?? null,
88937
+ addressLine2: src?.[c.AddressLine2] ?? null,
88938
+ city: src?.[c.City] ?? null,
88939
+ postalCode: src?.[c.PostalCode] ?? null,
88940
+ province: src?.[c.Province] ?? null,
88941
+ country: src?.[c.Country] ?? null
87879
88942
  });
88943
+ const regDeliverySame = Boolean(registered?.[c.DeliverySameAsMailing]);
88944
+ const recSameAsRegistered = Boolean(records?.[c.SameAsRegisteredOffice]);
88945
+ const recDeliverySame = Boolean(records?.[c.DeliverySameAsMailing]);
88946
+ return {
88947
+ referenceNumbers: {
88948
+ referenceNumber: refNumbers?.[c.ClientMatterNumber] ?? null,
88949
+ docketNumber: refNumbers?.[c.DocketNumber] ?? null
88950
+ },
88951
+ registeredOffice: {
88952
+ mailingAddress: toAddress(registered?.[c.NewMailingAddress]),
88953
+ deliverySameAsMailing: regDeliverySame,
88954
+ deliveryAddress: regDeliverySame ? void 0 : toAddress(registered?.[c.NewDeliveryAddress])
88955
+ },
88956
+ recordsOffice: {
88957
+ sameAsRegisteredOffice: recSameAsRegistered,
88958
+ mailingAddress: recSameAsRegistered ? void 0 : toAddress(records?.[c.NewMailingAddress]),
88959
+ deliverySameAsMailing: recSameAsRegistered ? void 0 : recDeliverySame,
88960
+ deliveryAddress: recSameAsRegistered || recDeliverySame ? void 0 : toAddress(records?.[c.NewDeliveryAddress])
88961
+ }
88962
+ };
87880
88963
  }
87881
88964
  onChangeOfDirectorsValidate() {
87882
88965
  markFormGroupTouched(this.deltaForm());
@@ -87992,7 +89075,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87992
89075
  }
87993
89076
  onClose() {
87994
89077
  const task = this.task();
87995
- const hasChanges = task && isFormationTask2(task) ? !deepEqual(this.deltaState.bcFormationInitialDelta(), this.generateFormationDeltaData()) : !deepEqual(this.deltaState.bcChangeOfDirectorsInitialDelta(), this.generateChangeOfDirectorsDeltaData());
89078
+ const hasChanges = task && isFormationTask2(task) ? !deepEqual(this.deltaState.bcFormationInitialDelta(), this.generateFormationDeltaData()) : task && isChangeOfAddressTask(task) ? !deepEqual(this.deltaState.bcChangeOfOfficeAddressesInitialDelta(), this.generateChangeOfOfficeAddressesDeltaData()) : !deepEqual(this.deltaState.bcChangeOfDirectorsInitialDelta(), this.generateChangeOfDirectorsDeltaData());
87996
89079
  if (!hasChanges) {
87997
89080
  this.close.emit();
87998
89081
  return;
@@ -88010,6 +89093,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
88010
89093
  if (val) {
88011
89094
  if (task && isFormationTask2(task)) {
88012
89095
  this.onFormationSave();
89096
+ } else if (task && isChangeOfAddressTask(task)) {
89097
+ this.onChangeOfOfficeAddressesSave();
88013
89098
  } else {
88014
89099
  this.onChangeOfDirectorsSave();
88015
89100
  }
@@ -88020,23 +89105,27 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
88020
89105
  static \u0275fac = function BritishColumbiaComponent_Factory(__ngFactoryType__) {
88021
89106
  return new (__ngFactoryType__ || _BritishColumbiaComponent)();
88022
89107
  };
88023
- static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaComponent, selectors: [["british-columbia"]], inputs: { task: [1, "task"], currentUser: [1, "currentUser"], activeStep: [1, "activeStep"], isNote: [1, "isNote"], actionsDisabled: [1, "actionsDisabled"], errors: [1, "errors"] }, outputs: { close: "close", codValidate: "codValidate", saveCodDeltaData: "saveCodDeltaData", codSubmit: "codSubmit", formationValidate: "formationValidate", formationSubmit: "formationSubmit", saveFormationDeltaData: "saveFormationDeltaData", nextStep: "nextStep", prevStep: "prevStep" }, decls: 3, vars: 3, consts: [[3, "task", "form", "actionsDisabled", "errors", "isNote"], [3, "task", "form", "actionsDisabled", "errors"], [3, "errors"], [3, "validate", "close", "save", "task", "form", "actionsDisabled", "errors", "isNote"], [3, "close", "file", "task", "form", "actionsDisabled", "errors"], [3, "prev", "close", "confirm", "errors"], [3, "task", "errors", "isNote", "actionsDisabled", "form"], [3, "task", "form", "actionsDisabled"], [3, "validate", "close", "save", "task", "errors", "isNote", "actionsDisabled", "form"], [3, "next", "close", "task", "form", "actionsDisabled"]], template: function BritishColumbiaComponent_Template(rf, ctx) {
89108
+ static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaComponent, selectors: [["british-columbia"]], inputs: { task: [1, "task"], currentUser: [1, "currentUser"], activeStep: [1, "activeStep"], isNote: [1, "isNote"], actionsDisabled: [1, "actionsDisabled"], errors: [1, "errors"] }, outputs: { close: "close", codValidate: "codValidate", saveCodDeltaData: "saveCodDeltaData", codSubmit: "codSubmit", formationValidate: "formationValidate", formationSubmit: "formationSubmit", saveFormationDeltaData: "saveFormationDeltaData", nextStep: "nextStep", prevStep: "prevStep", coaValidate: "coaValidate", saveCoaDeltaData: "saveCoaDeltaData", coaSubmit: "coaSubmit" }, decls: 4, vars: 4, consts: [[3, "task", "form", "actionsDisabled", "errors", "isNote"], [3, "task", "form", "actionsDisabled", "errors"], [3, "errors"], [3, "validate", "close", "save", "task", "form", "actionsDisabled", "errors", "isNote"], [3, "close", "file", "task", "form", "actionsDisabled", "errors"], [3, "prev", "close", "confirm", "errors"], [3, "task", "errors", "isNote", "actionsDisabled", "form"], [3, "task", "form", "actionsDisabled"], [3, "validate", "close", "save", "task", "errors", "isNote", "actionsDisabled", "form"], [3, "next", "close", "task", "form", "actionsDisabled"]], template: function BritishColumbiaComponent_Template(rf, ctx) {
88024
89109
  if (rf & 1) {
88025
89110
  \u0275\u0275declareLet(0);
88026
- \u0275\u0275template(1, BritishColumbiaComponent_Conditional_1_Template, 3, 3)(2, BritishColumbiaComponent_Conditional_2_Template, 3, 3);
89111
+ \u0275\u0275template(1, BritishColumbiaComponent_Conditional_1_Template, 3, 3)(2, BritishColumbiaComponent_Conditional_2_Template, 3, 3)(3, BritishColumbiaComponent_Conditional_3_Template, 2, 2);
88027
89112
  }
88028
89113
  if (rf & 2) {
88029
- const taskData_r9 = \u0275\u0275storeLet(ctx.task());
89114
+ const taskData_r11 = \u0275\u0275storeLet(ctx.task());
89115
+ \u0275\u0275advance();
89116
+ \u0275\u0275conditional(ctx.isChangeOfDirectorsTask(taskData_r11) ? 1 : -1);
88030
89117
  \u0275\u0275advance();
88031
- \u0275\u0275conditional(ctx.isChangeOfDirectorsTask(taskData_r9) ? 1 : -1);
89118
+ \u0275\u0275conditional(ctx.isFormationTask(taskData_r11) ? 2 : -1);
88032
89119
  \u0275\u0275advance();
88033
- \u0275\u0275conditional(ctx.isFormationTask(taskData_r9) ? 2 : -1);
89120
+ \u0275\u0275conditional(ctx.isChangeOfOfficeAddressesTask(taskData_r11) ? 3 : -1);
88034
89121
  }
88035
89122
  }, dependencies: [
88036
89123
  BritishColumbiaChangeOfDirectorsDeltaFormComponent,
88037
89124
  BritishColumbiaChangeOfDirectorsPreviewFormComponent,
88038
89125
  BritishColumbiaIncorporationDeltaFormComponent,
88039
89126
  BritishColumbiaIncorporationPreviewFormComponent,
89127
+ BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent,
89128
+ BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent,
88040
89129
  TermsAndConditionsComponent
88041
89130
  ], styles: ["\n\n[_nghost-%COMP%] {\n display: contents;\n}\n/*# sourceMappingURL=british-columbia.component.css.map */"], changeDetection: 0 });
88042
89131
  };
@@ -88048,12 +89137,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
88048
89137
  BritishColumbiaChangeOfDirectorsPreviewFormComponent,
88049
89138
  BritishColumbiaIncorporationDeltaFormComponent,
88050
89139
  BritishColumbiaIncorporationPreviewFormComponent,
89140
+ BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent,
89141
+ BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent,
88051
89142
  TermsAndConditionsComponent
88052
- ], template: '@let taskData = this.task();\n\n@if (isChangeOfDirectorsTask(taskData)) {\n @if (activeStep() === steps.Validate) {\n <british-columbia-change-of-directors-delta-form\n [task]="taskData"\n [form]="deltaForm()"\n [actionsDisabled]="actionsDisabled()"\n [errors]="errors()"\n [isNote]="isNote()"\n (validate)="onChangeOfDirectorsValidate()"\n (close)="onClose()"\n (save)="onChangeOfDirectorsSave()"\n />\n }\n\n @if (activeStep() === steps.FilingPreview) {\n <british-columbia-change-of-directors-preview-form\n [task]="taskData"\n [form]="previewForm()"\n [actionsDisabled]="actionsDisabled()"\n [errors]="errors()"\n (close)="close.emit()"\n (file)="nextStep.emit()"\n />\n }\n\n @if (activeStep() === steps.TermsAndConditions) {\n <terms-and-conditions\n [errors]="errors()"\n (prev)="prevStep.emit()"\n (close)="close.emit()"\n (confirm)="onChangeOfDirectorsSubmit($event)"\n />\n }\n}\n\n@if (isFormationTask(taskData)) {\n @if (activeStep() === steps.Validate) {\n <british-columbia-incorporation-delta-form\n [task]="taskData"\n [errors]="errors()"\n [isNote]="isNote()"\n [actionsDisabled]="actionsDisabled()"\n [form]="deltaForm()"\n (validate)="onFormationValidate()"\n (close)="onClose()"\n (save)="onFormationSave()"\n />\n }\n\n @if (activeStep() === steps.FilingPreview) {\n <british-columbia-incorporation-preview-form\n [task]="taskData"\n [form]="previewForm()"\n [actionsDisabled]="actionsDisabled()"\n (next)="nextStep.emit()"\n (close)="close.emit()"\n />\n }\n\n @if (activeStep() === steps.TermsAndConditions) {\n <terms-and-conditions\n [errors]="errors()"\n (prev)="prevStep.emit()"\n (close)="close.emit()"\n (confirm)="onFormationSubmit($event)"\n />\n }\n}\n', styles: ["/* src/app/components/british-columbia/british-columbia.component.scss */\n:host {\n display: contents;\n}\n/*# sourceMappingURL=british-columbia.component.css.map */\n"] }]
89143
+ ], template: '@let taskData = this.task();\r\n\r\n@if (isChangeOfDirectorsTask(taskData)) {\r\n @if (activeStep() === steps.Validate) {\r\n <british-columbia-change-of-directors-delta-form\r\n [task]="taskData"\r\n [form]="deltaForm()"\r\n [actionsDisabled]="actionsDisabled()"\r\n [errors]="errors()"\r\n [isNote]="isNote()"\r\n (validate)="onChangeOfDirectorsValidate()"\r\n (close)="onClose()"\r\n (save)="onChangeOfDirectorsSave()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.FilingPreview) {\r\n <british-columbia-change-of-directors-preview-form\r\n [task]="taskData"\r\n [form]="previewForm()"\r\n [actionsDisabled]="actionsDisabled()"\r\n [errors]="errors()"\r\n (close)="close.emit()"\r\n (file)="nextStep.emit()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.TermsAndConditions) {\r\n <terms-and-conditions\r\n [errors]="errors()"\r\n (prev)="prevStep.emit()"\r\n (close)="close.emit()"\r\n (confirm)="onChangeOfDirectorsSubmit($event)"\r\n />\r\n }\r\n}\r\n\r\n@if (isFormationTask(taskData)) {\r\n @if (activeStep() === steps.Validate) {\r\n <british-columbia-incorporation-delta-form\r\n [task]="taskData"\r\n [errors]="errors()"\r\n [isNote]="isNote()"\r\n [actionsDisabled]="actionsDisabled()"\r\n [form]="deltaForm()"\r\n (validate)="onFormationValidate()"\r\n (close)="onClose()"\r\n (save)="onFormationSave()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.FilingPreview) {\r\n <british-columbia-incorporation-preview-form\r\n [task]="taskData"\r\n [form]="previewForm()"\r\n [actionsDisabled]="actionsDisabled()"\r\n (next)="nextStep.emit()"\r\n (close)="close.emit()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.TermsAndConditions) {\r\n <terms-and-conditions\r\n [errors]="errors()"\r\n (prev)="prevStep.emit()"\r\n (close)="close.emit()"\r\n (confirm)="onFormationSubmit($event)"\r\n />\r\n }\r\n}\r\n\r\n@if (isChangeOfOfficeAddressesTask(taskData)) {\r\n @if (activeStep() === steps.Validate) {\r\n <british-columbia-change-of-office-addresses-delta-form\r\n [task]="taskData"\r\n [form]="deltaForm()"\r\n [actionsDisabled]="actionsDisabled()"\r\n [errors]="errors()"\r\n [isNote]="isNote()"\r\n (validate)="onChangeOfOfficeAddressesValidate()"\r\n (close)="onClose()"\r\n (save)="onChangeOfOfficeAddressesSave()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.FilingPreview) {\r\n <british-columbia-change-of-office-addresses-preview-form\r\n [task]="taskData"\r\n [form]="previewForm()"\r\n [actionsDisabled]="actionsDisabled()"\r\n [errors]="errors()"\r\n (close)="close.emit()"\r\n (file)="onChangeOfOfficeAddressesFile()"\r\n />\r\n }\r\n}\r\n', styles: ["/* src/app/components/british-columbia/british-columbia.component.scss */\n:host {\n display: contents;\n}\n/*# sourceMappingURL=british-columbia.component.css.map */\n"] }]
88053
89144
  }], () => [], null);
88054
89145
  })();
88055
89146
  (() => {
88056
- (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaComponent, { className: "BritishColumbiaComponent", filePath: "src/app/components/british-columbia/british-columbia.component.ts", lineNumber: 65 });
89147
+ (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaComponent, { className: "BritishColumbiaComponent", filePath: "src/app/components/british-columbia/british-columbia.component.ts", lineNumber: 75 });
88057
89148
  })();
88058
89149
  }
88059
89150
  });
@@ -94215,10 +95306,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94215
95306
  "src/app/services/british-columbia/british-columbia-change-of-directors.service.ts"() {
94216
95307
  init_core();
94217
95308
  init_common_utils();
94218
- init_common_utils();
94219
95309
  init_core();
94220
95310
  BritishColumbiaChangeOfDirectorsService = class _BritishColumbiaChangeOfDirectorsService {
94221
- static TEMP_UAT_BC_FILING_URL = "https://uat3-onbis.oncorp.com/eCoreBcApi/";
94222
95311
  config;
94223
95312
  setConfig(config2) {
94224
95313
  this.config = config2;
@@ -94228,7 +95317,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94228
95317
  ensureAuthInputs(signature);
94229
95318
  const fetchFn = opts.fetchImpl ?? fetch;
94230
95319
  const url = signature.proxyApiUrl;
94231
- const targetUrl = opts.endpointPath ?? this.targetUrl(signature.env, "filings/ca/bc/maintenance-filing");
95320
+ const targetUrl = opts.endpointPath ?? `${this.getOnbisOrigin()}/filings/ca/bc/maintenance-filing`;
94232
95321
  const resp = yield fetchWithJwtRetry(signature, () => postJson(fetchFn, url, signature.jwtToken, requestBody, __spreadValues({
94233
95322
  "x-target-url": targetUrl
94234
95323
  }, opts.headers ?? {})));
@@ -94249,64 +95338,12 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94249
95338
  throw err;
94250
95339
  });
94251
95340
  }
94252
- getFilingResult(_0, _1) {
94253
- return __async(this, arguments, function* (signature, serviceOrderId, opts = {}) {
94254
- ensureAuthInputs(signature);
94255
- if (!serviceOrderId) {
94256
- throw new Error("Missing serviceOrderId.");
94257
- }
94258
- const fetchFn = opts.fetchImpl ?? fetch;
94259
- const url = signature.proxyApiUrl;
94260
- const targetUrl = opts.endpointPath ?? this.targetUrl(signature.env, `filings/ca/bc/maintenance-filing/${encodeURIComponent(serviceOrderId)}`);
94261
- const resp = yield fetchWithJwtRetry(signature, () => fetchFn(url, {
94262
- method: "GET",
94263
- headers: __spreadValues({
94264
- Authorization: `Bearer ${signature.jwtToken}`,
94265
- "x-target-url": targetUrl
94266
- }, opts.headers ?? {})
94267
- }));
94268
- const raw = yield resp.text();
94269
- const parsed = tryParseJson(raw);
94270
- const payload = parsed.ok ? unwrapRequestResults(parsed.value) : { raw };
94271
- if (resp.ok && !payload.Errors?.length) {
94272
- return payload;
94273
- }
94274
- const err = buildGenericError(resp.status, "BC change of directors filing result failed", payload);
94275
- err.submitResult = payload;
94276
- err.httpStatus = resp.status;
94277
- throw err;
94278
- });
94279
- }
94280
- submitFiling(_0, _1) {
94281
- return __async(this, arguments, function* (signature, serviceOrderId, opts = {}) {
94282
- ensureAuthInputs(signature);
94283
- if (!serviceOrderId) {
94284
- throw new Error("Missing serviceOrderId.");
94285
- }
94286
- const fetchFn = opts.fetchImpl ?? fetch;
94287
- const url = signature.proxyApiUrl;
94288
- const targetUrl = opts.endpointPath ?? this.targetUrl(signature.env, `filings/ca/bc/maintenance-filing/${encodeURIComponent(serviceOrderId)}/submit`);
94289
- const resp = yield fetchWithJwtRetry(signature, () => postJson(fetchFn, url, signature.jwtToken, {}, __spreadValues({
94290
- "x-target-url": targetUrl
94291
- }, opts.headers ?? {})));
94292
- const raw = yield resp.text();
94293
- const parsed = tryParseJson(raw);
94294
- const payload = parsed.ok ? unwrapRequestResults(parsed.value) : { raw };
94295
- if (resp.ok && !payload.Errors?.length) {
94296
- return payload;
94297
- }
94298
- const err = buildGenericError(resp.status, "BC change of directors submit failed", payload);
94299
- err.submitResult = payload;
94300
- err.httpStatus = resp.status;
94301
- throw err;
94302
- });
94303
- }
94304
- targetUrl(env, path) {
94305
- const base = this.config?.BCFiling || (env === "TEST" ? _BritishColumbiaChangeOfDirectorsService.TEMP_UAT_BC_FILING_URL : void 0);
94306
- if (!base) {
94307
- throw new Error("BritishColumbiaChangeOfDirectorsService: missing EnvConfig.BCFiling.");
95341
+ getOnbisOrigin() {
95342
+ const filingUrl = this.config?.ONFiling;
95343
+ if (!filingUrl) {
95344
+ throw new Error("BritishColumbiaChangeOfDirectorsService: missing EnvConfig.ONFiling.");
94308
95345
  }
94309
- return joinUrl(base, path);
95346
+ return new URL(filingUrl).origin;
94310
95347
  }
94311
95348
  static \u0275fac = function BritishColumbiaChangeOfDirectorsService_Factory(__ngFactoryType__) {
94312
95349
  return new (__ngFactoryType__ || _BritishColumbiaChangeOfDirectorsService)();
@@ -94328,7 +95365,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94328
95365
  function buildBritishColumbiaChangeOfDirectorsValidationRequest(task, deltaData) {
94329
95366
  const incomingDirectors = (task.incomingAffiliations ?? []).filter(isDirectorAffiliation);
94330
95367
  const outgoingDirectors = (task.outgoingAffiliations ?? []).filter(isDirectorAffiliation);
94331
- const companyEmail = deltaData.notification.email ?? findCompanyEmail(task);
95368
+ const companyEmail = findCompanyEmail(task);
94332
95369
  const serviceOrderId = deltaData.serviceOrderId;
94333
95370
  return __spreadValues({
94334
95371
  filingType: "changeOfDirectorsFiling",
@@ -94380,6 +95417,202 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94380
95417
  }
94381
95418
  });
94382
95419
 
95420
+ // src/app/services/british-columbia/british-columbia-maintenance.service.ts
95421
+ var MAINTENANCE_FILING_PATH, BritishColumbiaMaintenanceService;
95422
+ var init_british_columbia_maintenance_service = __esm({
95423
+ "src/app/services/british-columbia/british-columbia-maintenance.service.ts"() {
95424
+ init_core();
95425
+ init_common_utils();
95426
+ init_core();
95427
+ MAINTENANCE_FILING_PATH = "/filings/ca/bc/maintenance-filing";
95428
+ BritishColumbiaMaintenanceService = class _BritishColumbiaMaintenanceService {
95429
+ config;
95430
+ setConfig(config2) {
95431
+ this.config = config2;
95432
+ }
95433
+ validate(_0, _1) {
95434
+ return __async(this, arguments, function* (signature, requestBody, opts = {}) {
95435
+ ensureAuthInputs(signature);
95436
+ const baseUrl = this.getBaseUrl();
95437
+ const fetchFn = opts.fetchImpl ?? fetch;
95438
+ const resp = yield fetchWithJwtRetry(signature, () => postJson(fetchFn, signature.proxyApiUrl, signature.jwtToken, requestBody, __spreadValues({
95439
+ "x-target-url": joinUrl(baseUrl, MAINTENANCE_FILING_PATH)
95440
+ }, opts.headers ?? {})));
95441
+ const raw = yield resp.text();
95442
+ const parsed = tryParseJson(raw);
95443
+ if (!parsed.ok) {
95444
+ const err2 = new Error(`eCore returned ${resp.status} ${resp.statusText}: ${raw || "(empty response)"}`);
95445
+ err2.httpStatus = resp.status;
95446
+ throw err2;
95447
+ }
95448
+ const result = this.normalize(unwrapRequestResults(parsed.value));
95449
+ const failed = !resp.ok || this.hasFailed(result);
95450
+ if (!failed) {
95451
+ return result;
95452
+ }
95453
+ const err = new Error(this.describeFailure(resp.status, "eCore validation failed", result));
95454
+ err.validateResult = result;
95455
+ err.httpStatus = resp.status;
95456
+ throw err;
95457
+ });
95458
+ }
95459
+ submitRequest(_0, _1) {
95460
+ return __async(this, arguments, function* (signature, serviceOrderId, opts = {}) {
95461
+ ensureAuthInputs(signature);
95462
+ if (!serviceOrderId) {
95463
+ throw new Error("Missing serviceOrderId.");
95464
+ }
95465
+ const baseUrl = this.getBaseUrl();
95466
+ const fetchFn = opts.fetchImpl ?? fetch;
95467
+ const resp = yield fetchWithJwtRetry(signature, () => fetchFn(signature.proxyApiUrl, {
95468
+ method: "POST",
95469
+ headers: __spreadValues({
95470
+ Authorization: `Bearer ${signature.jwtToken}`,
95471
+ "x-target-url": joinUrl(baseUrl, `${MAINTENANCE_FILING_PATH}/${encodeURIComponent(serviceOrderId)}/submit`)
95472
+ }, opts.headers ?? {})
95473
+ }));
95474
+ const raw = yield resp.text();
95475
+ const parsed = tryParseJson(raw);
95476
+ if (!parsed.ok) {
95477
+ if (resp.ok) {
95478
+ signature.filingSubmitSuccess?.({ filedOn: /* @__PURE__ */ new Date(), serviceOrderId });
95479
+ return { Status: "Success", ServiceOrderId: serviceOrderId, raw };
95480
+ }
95481
+ const err = new Error(`eCore submit returned ${resp.status} ${resp.statusText}: ${raw || "(empty response)"}`);
95482
+ err.httpStatus = resp.status;
95483
+ throw err;
95484
+ }
95485
+ const result = this.normalize(unwrapRequestResults(parsed.value));
95486
+ const failed = !resp.ok || this.hasFailed(result);
95487
+ if (failed) {
95488
+ const err = new Error(this.describeFailure(resp.status, "eCore submit failed", result));
95489
+ err.submitResult = result;
95490
+ err.httpStatus = resp.status;
95491
+ throw err;
95492
+ }
95493
+ signature.filingSubmitSuccess?.({
95494
+ filedOn: /* @__PURE__ */ new Date(),
95495
+ serviceOrderId: result.ServiceOrderId ?? serviceOrderId
95496
+ });
95497
+ return result;
95498
+ });
95499
+ }
95500
+ getBaseUrl() {
95501
+ const baseUrl = this.config?.BCFiling;
95502
+ if (!baseUrl) {
95503
+ throw new Error("BritishColumbiaMaintenanceService: missing EnvConfig.BCFiling.");
95504
+ }
95505
+ return baseUrl;
95506
+ }
95507
+ /**
95508
+ * Maps a BC API body to the shared result shape. `status` becomes `Success` or `Failure`
95509
+ * (`failed` and any other non-success value are failures). When a failure carries no
95510
+ * `errors`, `additionalInformation` is used as the error messages.
95511
+ */
95512
+ normalize(body) {
95513
+ const rawErrors = body?.errors ?? body?.Errors ?? [];
95514
+ const errors = rawErrors.map((e) => ({
95515
+ Code: e?.code ?? e?.Code,
95516
+ Message: e?.message ?? e?.Message ?? e?.ErrorMessage
95517
+ }));
95518
+ const status = String(body?.status ?? body?.Status ?? "").toLowerCase();
95519
+ const succeeded = status === "success" || status === "alreadysubmitted";
95520
+ if (!succeeded && !errors.length) {
95521
+ const additional = body?.additionalInformation ?? [];
95522
+ errors.push(...additional.map((Message) => ({ Message })));
95523
+ }
95524
+ return {
95525
+ Status: succeeded ? "Success" : "Failure",
95526
+ ServiceOrderId: body?.serviceOrderId ?? body?.ServiceOrderId,
95527
+ Draft: body?.draft ?? body?.Draft,
95528
+ Errors: errors
95529
+ };
95530
+ }
95531
+ /** A body-level failure: the normalised status is `Failure` or errors were returned. */
95532
+ hasFailed(result) {
95533
+ return result.Status === "Failure" || Boolean(result.Errors?.length);
95534
+ }
95535
+ describeFailure(httpStatus, prefix, result) {
95536
+ const messages = (result.Errors ?? []).map((e) => e.Message || e.Code).filter(Boolean).join(" | ");
95537
+ return messages ? `${prefix} (HTTP ${httpStatus}): ${messages}` : `${prefix} (HTTP ${httpStatus}).`;
95538
+ }
95539
+ static \u0275fac = function BritishColumbiaMaintenanceService_Factory(__ngFactoryType__) {
95540
+ return new (__ngFactoryType__ || _BritishColumbiaMaintenanceService)();
95541
+ };
95542
+ static \u0275prov = /* @__PURE__ */ \u0275\u0275defineInjectable({ token: _BritishColumbiaMaintenanceService, factory: _BritishColumbiaMaintenanceService.\u0275fac, providedIn: "root" });
95543
+ };
95544
+ (() => {
95545
+ (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaMaintenanceService, [{
95546
+ type: Injectable,
95547
+ args: [{
95548
+ providedIn: "root"
95549
+ }]
95550
+ }], null, null);
95551
+ })();
95552
+ }
95553
+ });
95554
+
95555
+ // src/app/helpers/mappers/british-columbia-change-of-office-addresses.mapper.ts
95556
+ function formatPostalCode(value) {
95557
+ const compact = clean(value).replace(/[\s-]+/g, "").toUpperCase();
95558
+ return compact.length === 6 ? `${compact.slice(0, 3)} ${compact.slice(3)}` : clean(value).toUpperCase();
95559
+ }
95560
+ function toEcoreAddress(address) {
95561
+ const line2 = clean(address?.addressLine2);
95562
+ return __spreadProps(__spreadValues({
95563
+ streetAddress: clean(address?.addressLine1)
95564
+ }, line2 ? { additionalStreetAddress: line2 } : {}), {
95565
+ city: clean(address?.city),
95566
+ provinceOrState: BC_PROVINCE_CODE,
95567
+ postalOrZipCode: formatPostalCode(address?.postalCode),
95568
+ country: CANADA_COUNTRY_CODE
95569
+ });
95570
+ }
95571
+ function buildBCChangeOfOfficeAddressesValidateRequest(task, deltaData) {
95572
+ const registered = deltaData.registeredOffice;
95573
+ const records = deltaData.recordsOffice;
95574
+ const registeredDeliverySame = Boolean(registered?.deliverySameAsMailing);
95575
+ const recordsSameAsRegistered = Boolean(records?.sameAsRegisteredOffice);
95576
+ const recordsDeliverySame = recordsSameAsRegistered ? registeredDeliverySame : Boolean(records?.deliverySameAsMailing);
95577
+ const recordsDeliveryAddress = recordsSameAsRegistered ? registered?.deliveryAddress : records?.deliveryAddress;
95578
+ const filing = {
95579
+ registeredOfficeMailingAddress: toEcoreAddress(registered?.mailingAddress),
95580
+ isRegisteredOfficeDeliveryAddressSameAsMailing: registeredDeliverySame,
95581
+ isRecordsOfficeMailingAddressSameAsRegisteredOfficeMailing: recordsSameAsRegistered,
95582
+ isRecordsOfficeDeliveryAddressSameAsRecordsOfficeMailing: recordsDeliverySame,
95583
+ companyEmail: BritishColumbiaChangeOfOfficeAddressesFormHelper.resolveCompanyEmail(task),
95584
+ // Not captured on this form; the reminder preference is not changed by an address filing.
95585
+ isAnnualReportReminderRequired: false
95586
+ };
95587
+ const reference = clean(deltaData.referenceNumbers?.referenceNumber);
95588
+ const docket = clean(deltaData.referenceNumbers?.docketNumber);
95589
+ if (reference) {
95590
+ filing.reference = reference;
95591
+ }
95592
+ if (docket) {
95593
+ filing.docket = docket;
95594
+ }
95595
+ if (!registeredDeliverySame) {
95596
+ filing.registeredOfficeDeliveryAddress = toEcoreAddress(registered?.deliveryAddress);
95597
+ }
95598
+ if (!recordsSameAsRegistered) {
95599
+ filing.recordsOfficeMailingAddress = toEcoreAddress(records?.mailingAddress);
95600
+ }
95601
+ if (!recordsDeliverySame) {
95602
+ filing.recordsOfficeDeliveryAddress = toEcoreAddress(recordsDeliveryAddress);
95603
+ }
95604
+ return { filingType: "changeOfAddressFiling", filing };
95605
+ }
95606
+ var BC_PROVINCE_CODE, CANADA_COUNTRY_CODE, clean;
95607
+ var init_british_columbia_change_of_office_addresses_mapper = __esm({
95608
+ "src/app/helpers/mappers/british-columbia-change-of-office-addresses.mapper.ts"() {
95609
+ init_british_columbia_change_of_office_addresses_form_helper();
95610
+ BC_PROVINCE_CODE = "BC";
95611
+ CANADA_COUNTRY_CODE = "CA";
95612
+ clean = (value) => (value ?? "").trim();
95613
+ }
95614
+ });
95615
+
94383
95616
  // src/app/components/filing/filing.component.ts
94384
95617
  function FilingComponent_Conditional_7_Template(rf, ctx) {
94385
95618
  if (rf & 1) {
@@ -94479,6 +95712,18 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94479
95712
  \u0275\u0275restoreView(_r6);
94480
95713
  const ctx_r2 = \u0275\u0275nextContext(2);
94481
95714
  return \u0275\u0275resetView(ctx_r2.onBritishColumbiaChangeOfDirectorsSubmit());
95715
+ })("coaValidate", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_coaValidate_0_listener($event) {
95716
+ \u0275\u0275restoreView(_r6);
95717
+ const ctx_r2 = \u0275\u0275nextContext(2);
95718
+ return \u0275\u0275resetView(ctx_r2.onBritishColumbiaChangeOfOfficeAddressesValidate($event));
95719
+ })("saveCoaDeltaData", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_saveCoaDeltaData_0_listener($event) {
95720
+ \u0275\u0275restoreView(_r6);
95721
+ const ctx_r2 = \u0275\u0275nextContext(2);
95722
+ return \u0275\u0275resetView(ctx_r2.onBritishColumbiaChangeOfOfficeAddressesSave($event));
95723
+ })("coaSubmit", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_coaSubmit_0_listener() {
95724
+ \u0275\u0275restoreView(_r6);
95725
+ const ctx_r2 = \u0275\u0275nextContext(2);
95726
+ return \u0275\u0275resetView(ctx_r2.onBritishColumbiaChangeOfOfficeAddressesSubmit());
94482
95727
  })("formationValidate", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_formationValidate_0_listener($event) {
94483
95728
  \u0275\u0275restoreView(_r6);
94484
95729
  const ctx_r2 = \u0275\u0275nextContext(2);
@@ -94594,6 +95839,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94594
95839
  init_delta_state_service();
94595
95840
  init_british_columbia_change_of_directors_service();
94596
95841
  init_british_columbia_change_of_directors_mapper();
95842
+ init_british_columbia_maintenance_service();
95843
+ init_british_columbia_change_of_office_addresses_mapper();
94597
95844
  init_core();
94598
95845
  init_button();
94599
95846
  FilingComponent = class _FilingComponent {
@@ -94650,6 +95897,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94650
95897
  federalUpdateMaintainService = inject(FederalUpdateMaintainService);
94651
95898
  updateMaintainService = inject(OntarioUpdateMaintainService);
94652
95899
  britishColumbiaChangeOfDirectorsService = inject(BritishColumbiaChangeOfDirectorsService);
95900
+ bcMaintenanceService = inject(BritishColumbiaMaintenanceService);
94653
95901
  translate = inject(TranslateService);
94654
95902
  isEditButton = computed(() => {
94655
95903
  const task = this.task();
@@ -94691,6 +95939,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94691
95939
  if (isChangeOfPrincipalsTask(task) && isBritishColumbiaTask(task)) {
94692
95940
  return "File British Columbia Notice of Change of Directors";
94693
95941
  }
95942
+ if (isChangeOfAddressTask(task) && isBritishColumbiaTask(task)) {
95943
+ return "File British Columbia Change of Office Addresses";
95944
+ }
94694
95945
  return "";
94695
95946
  });
94696
95947
  constructor() {
@@ -94703,6 +95954,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94703
95954
  this.bcFormationService.setConfig(config2);
94704
95955
  this.federalUpdateMaintainService.setConfig(config2);
94705
95956
  this.britishColumbiaChangeOfDirectorsService.setConfig(config2);
95957
+ this.bcMaintenanceService.setConfig(config2);
94706
95958
  }
94707
95959
  });
94708
95960
  addStylesVariables();
@@ -94891,29 +96143,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94891
96143
  this.deltaDataChange.emit(deltaData);
94892
96144
  }
94893
96145
  onBritishColumbiaChangeOfDirectorsSubmit() {
94894
- return __async(this, null, function* () {
94895
- try {
94896
- this.isLoading.set(true);
94897
- this.errors.set([]);
94898
- const signature = this._signature();
94899
- const serviceOrderId = this.task()?.deltaData?.serviceOrderId;
94900
- if (!signature || !serviceOrderId) {
94901
- throw new Error("Missing serviceOrderId.");
94902
- }
94903
- const response = yield this.britishColumbiaChangeOfDirectorsService.submitFiling(signature, serviceOrderId, this.validateOptions() ?? {});
94904
- if (this.hasResponseErrors(response))
94905
- return;
94906
- this.filingSubmitSuccess.emit({
94907
- serviceOrderId: response.ServiceOrderId ?? serviceOrderId,
94908
- filedOn: /* @__PURE__ */ new Date()
94909
- });
94910
- this.close.emit();
94911
- } catch (response) {
94912
- this.handleCatchError(response);
94913
- } finally {
94914
- this.isLoading.set(false);
94915
- }
94916
- });
96146
+ console.warn("British Columbia change of directors submit is not wired to a backend yet.");
96147
+ this.close.emit();
94917
96148
  }
94918
96149
  /**
94919
96150
  * British Columbia Formation validate (AC8 / AC9): sends the payload to the BC Filing API,
@@ -95000,6 +96231,87 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
95000
96231
  }
95001
96232
  });
95002
96233
  }
96234
+ /**
96235
+ * British Columbia Change of Office Addresses "Validate & Generate Draft": sends the filing
96236
+ * to eCore, hands the draft PDF to the host, and saves the delta together with the
96237
+ * ServiceOrderId and the full request (`validatedData`) used to detect later Entity changes.
96238
+ */
96239
+ onBritishColumbiaChangeOfOfficeAddressesValidate(deltaData) {
96240
+ return __async(this, null, function* () {
96241
+ const task = this.task();
96242
+ const signature = this._signature();
96243
+ if (!task || !signature) {
96244
+ return;
96245
+ }
96246
+ try {
96247
+ this.isLoading.set(true);
96248
+ this.errors.set([]);
96249
+ const requestBody = buildBCChangeOfOfficeAddressesValidateRequest(task, deltaData);
96250
+ const response = yield this.bcMaintenanceService.validate(signature, requestBody, this.validateOptions() ?? {});
96251
+ if (this.hasResponseErrors(response))
96252
+ return;
96253
+ const serviceOrderId = response.ServiceOrderId ?? "";
96254
+ const draftPdf = response.Draft ?? "";
96255
+ const searchOrFilingType = getSearchOrFilingType(task);
96256
+ if (draftPdf && searchOrFilingType) {
96257
+ this.filingValidateSuccess.emit({
96258
+ searchOrFilingType,
96259
+ serviceOrderId,
96260
+ validatedOn: /* @__PURE__ */ new Date(),
96261
+ provider: "obr",
96262
+ draftPdf,
96263
+ documentName: this.validateOptions()?.documentName ?? "British Columbia Change of Office Addresses Draft",
96264
+ documentType: "pdf"
96265
+ });
96266
+ }
96267
+ this.deltaDataChange.emit(__spreadProps(__spreadValues({}, deltaData), {
96268
+ serviceOrderId,
96269
+ validatedData: JSON.parse(JSON.stringify(requestBody))
96270
+ }));
96271
+ this.close.emit();
96272
+ } catch (response) {
96273
+ this.handleCatchError(response);
96274
+ } finally {
96275
+ this.isLoading.set(false);
96276
+ }
96277
+ });
96278
+ }
96279
+ /**
96280
+ * British Columbia Change of Office Addresses save – propagates delta data to the host.
96281
+ */
96282
+ onBritishColumbiaChangeOfOfficeAddressesSave(deltaData) {
96283
+ const oldDeltaData = this.task()?.deltaData;
96284
+ if (oldDeltaData) {
96285
+ delete this.task()?.deltaData;
96286
+ }
96287
+ this.deltaDataChange.emit(deltaData);
96288
+ }
96289
+ /**
96290
+ * British Columbia Change of Office Addresses submit/file: submits the filing staged by
96291
+ * "Validate & Generate Draft" using the ServiceOrderId saved with the delta.
96292
+ */
96293
+ onBritishColumbiaChangeOfOfficeAddressesSubmit() {
96294
+ return __async(this, null, function* () {
96295
+ const signature = this._signature();
96296
+ const serviceOrderId = this.task()?.deltaData?.serviceOrderId;
96297
+ if (!signature || !serviceOrderId) {
96298
+ this.handleCatchError(new Error("Missing serviceOrderId. Generate a draft before filing."));
96299
+ return;
96300
+ }
96301
+ try {
96302
+ this.isLoading.set(true);
96303
+ this.errors.set([]);
96304
+ const response = yield this.bcMaintenanceService.submitRequest(signature, serviceOrderId, this.validateOptions() ?? {});
96305
+ if (this.hasResponseErrors(response))
96306
+ return;
96307
+ this.close.emit();
96308
+ } catch (response) {
96309
+ this.handleCatchError(response);
96310
+ } finally {
96311
+ this.isLoading.set(false);
96312
+ }
96313
+ });
96314
+ }
95003
96315
  /**
95004
96316
  * Ontario Update/Maintain (IR / NOC / Annual Return) save – propagates delta data to the host.
95005
96317
  */
@@ -95268,7 +96580,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
95268
96580
  this.errors.set(this.parseError(errors));
95269
96581
  return;
95270
96582
  }
95271
- const fallbackMessage = parsed?.message || (typeof parsed === "string" ? parsed : "") || this.translate.instant("An unexpected error occurred. Please try again.");
96583
+ const fallbackMessage = (response instanceof Error ? response.message : "") || parsed?.message || (typeof parsed === "string" ? parsed : "") || this.translate.instant("An unexpected error occurred. Please try again.");
95272
96584
  this.errors.set([fallbackMessage]);
95273
96585
  }
95274
96586
  onClose() {
@@ -95335,6 +96647,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
95335
96647
  let initialDelta;
95336
96648
  if (isFormationTask2(task)) {
95337
96649
  initialDelta = isOntarioTask(task) ? this.deltaState.formationInitialDelta() : isBritishColumbiaTask(task) ? this.deltaState.bcFormationInitialDelta() : this.deltaState.federalFormationInitialDelta();
96650
+ } else if (isChangeOfAddressTask(task) && isBritishColumbiaTask(task)) {
96651
+ initialDelta = this.deltaState.bcChangeOfOfficeAddressesInitialDelta();
95338
96652
  } else if (isUpdateMaintain(task)) {
95339
96653
  initialDelta = isOntarioTask(task) ? this.deltaState.initialReturnInitialDelta() : this.deltaState.federalUpdateMaintainInitialDelta();
95340
96654
  }
@@ -95366,6 +96680,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
95366
96680
  }
95367
96681
  return federalPayload;
95368
96682
  }
96683
+ if (isChangeOfAddressTask(task) && isBritishColumbiaTask(task)) {
96684
+ return buildBCChangeOfOfficeAddressesValidateRequest(task, deltaData);
96685
+ }
95369
96686
  if (isUpdateMaintain(task) && isOntarioTask(task)) {
95370
96687
  const serviceOrderId = deltaData?.serviceOrderId ?? this.serviceOrderId;
95371
96688
  if (!serviceOrderId) {
@@ -95394,7 +96711,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
95394
96711
  if (rf & 2) {
95395
96712
  \u0275\u0275styleProp("height", ctx.modalHeight());
95396
96713
  }
95397
- }, inputs: { env: [1, "env"], config: [1, "config"], language: [1, "language"], proxyApiUrl: [1, "proxyApiUrl"], jwtToken: [1, "jwtToken"], task: [1, "task"], currentUser: [1, "currentUser"], height: [1, "height"], validateOptions: [1, "validateOptions"], getDocumentBytes: [1, "getDocumentBytes"] }, outputs: { deltaDataChange: "deltaDataChange", filingValidateSuccess: "filingValidateSuccess", filingSubmitSuccess: "filingSubmitSuccess", close: "close" }, decls: 12, vars: 9, consts: [[1, "filing"], [1, "filing-title"], [1, "filing-title-text"], [1, "filing-title-action", 3, "click"], [1, "filing-header"], [1, "filing-content"], [1, "filing-content-loading"], ["mat-stroked-button", "", 3, "click", "disabled"], [3, "task", "activeStep", "isNote", "actionsDisabled", "errors", "prevData", "irValidationConfig"], [3, "task", "currentUser", "activeStep", "isNote", "actionsDisabled", "errors"], [3, "actionsDisabled", "isNote", "activeStep", "task", "errors"], [3, "close", "formationValidate", "saveFormationDeltaData", "formationSubmit", "nextStep", "prevStep", "irValidate", "saveIrDeltaData", "irSubmit", "task", "activeStep", "isNote", "actionsDisabled", "errors", "prevData", "irValidationConfig"], [3, "close", "nextStep", "prevStep", "codValidate", "saveCodDeltaData", "codSubmit", "formationValidate", "saveFormationDeltaData", "formationSubmit", "task", "currentUser", "activeStep", "isNote", "actionsDisabled", "errors"], [3, "close", "deltaDataChange", "file", "validate", "umSave", "umValidate", "umSubmit", "nextStep", "actionsDisabled", "isNote", "activeStep", "task", "errors"], [3, "diameter"]], template: function FilingComponent_Template(rf, ctx) {
96714
+ }, inputs: { env: [1, "env"], config: [1, "config"], language: [1, "language"], proxyApiUrl: [1, "proxyApiUrl"], jwtToken: [1, "jwtToken"], task: [1, "task"], currentUser: [1, "currentUser"], height: [1, "height"], validateOptions: [1, "validateOptions"], getDocumentBytes: [1, "getDocumentBytes"] }, outputs: { deltaDataChange: "deltaDataChange", filingValidateSuccess: "filingValidateSuccess", filingSubmitSuccess: "filingSubmitSuccess", close: "close" }, decls: 12, vars: 9, consts: [[1, "filing"], [1, "filing-title"], [1, "filing-title-text"], [1, "filing-title-action", 3, "click"], [1, "filing-header"], [1, "filing-content"], [1, "filing-content-loading"], ["mat-stroked-button", "", 3, "click", "disabled"], [3, "task", "activeStep", "isNote", "actionsDisabled", "errors", "prevData", "irValidationConfig"], [3, "task", "currentUser", "activeStep", "isNote", "actionsDisabled", "errors"], [3, "actionsDisabled", "isNote", "activeStep", "task", "errors"], [3, "close", "formationValidate", "saveFormationDeltaData", "formationSubmit", "nextStep", "prevStep", "irValidate", "saveIrDeltaData", "irSubmit", "task", "activeStep", "isNote", "actionsDisabled", "errors", "prevData", "irValidationConfig"], [3, "close", "nextStep", "prevStep", "codValidate", "saveCodDeltaData", "codSubmit", "coaValidate", "saveCoaDeltaData", "coaSubmit", "formationValidate", "saveFormationDeltaData", "formationSubmit", "task", "currentUser", "activeStep", "isNote", "actionsDisabled", "errors"], [3, "close", "deltaDataChange", "file", "validate", "umSave", "umValidate", "umSubmit", "nextStep", "actionsDisabled", "isNote", "activeStep", "task", "errors"], [3, "diameter"]], template: function FilingComponent_Template(rf, ctx) {
95398
96715
  if (rf & 1) {
95399
96716
  const _r1 = \u0275\u0275getCurrentView();
95400
96717
  \u0275\u0275elementStart(0, "div", 0)(1, "div", 1)(2, "h1", 2);
@@ -95484,6 +96801,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
95484
96801
  (codValidate)="onBritishColumbiaChangeOfDirectorsValidate($event)"\r
95485
96802
  (saveCodDeltaData)="onBritishColumbiaChangeOfDirectorsSave($event)"\r
95486
96803
  (codSubmit)="onBritishColumbiaChangeOfDirectorsSubmit()"\r
96804
+ (coaValidate)="onBritishColumbiaChangeOfOfficeAddressesValidate($event)"\r
96805
+ (saveCoaDeltaData)="onBritishColumbiaChangeOfOfficeAddressesSave($event)"\r
96806
+ (coaSubmit)="onBritishColumbiaChangeOfOfficeAddressesSubmit()"\r
95487
96807
  (formationValidate)="onBritishColumbiaFormationValidate($event)"\r
95488
96808
  (saveFormationDeltaData)="onBritishColumbiaFormationSave($event)"\r
95489
96809
  (formationSubmit)="onBritishColumbiaFormationSubmit()" />\r
@@ -95506,7 +96826,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
95506
96826
  }], () => [], null);
95507
96827
  })();
95508
96828
  (() => {
95509
- (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(FilingComponent, { className: "FilingComponent", filePath: "src/app/components/filing/filing.component.ts", lineNumber: 86 });
96829
+ (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(FilingComponent, { className: "FilingComponent", filePath: "src/app/components/filing/filing.component.ts", lineNumber: 90 });
95510
96830
  })();
95511
96831
  }
95512
96832
  });
@@ -100152,7 +101472,17 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
100152
101472
  Currency: "Currency",
100153
101473
  "Special Rights or Restrictions": "Special Rights or Restrictions",
100154
101474
  Unlimited: "Unlimited",
100155
- "Without Par Value": "Without Par Value"
101475
+ "Without Par Value": "Without Par Value",
101476
+ "File British Columbia Change of Office Addresses": "File British Columbia Change of Office Addresses",
101477
+ "Records Office Address": "Records Office Address",
101478
+ "The new addresses will take effect at the beginning of the day following the filing date. The registered and records offices must be located in British Columbia.": "The new addresses will take effect at the beginning of the day following the filing date. The registered and records offices must be located in British Columbia.",
101479
+ "Current Mailing Address": "Current Mailing Address",
101480
+ "Current Delivery Address": "Current Delivery Address",
101481
+ "New Mailing Address": "New Mailing Address",
101482
+ "New Delivery Address": "New Delivery Address",
101483
+ "Same as Mailing Address": "Same as Mailing Address",
101484
+ "Same as Registered Office": "Same as Registered Office",
101485
+ "The delivery address must be a physical location in British Columbia where documents can be delivered during statutory business hours. A post office box is not acceptable.": "The delivery address must be a physical location in British Columbia where documents can be delivered during statutory business hours. A post office box is not acceptable."
100156
101486
  };
100157
101487
  }
100158
101488
  });
@@ -100499,7 +101829,16 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
100499
101829
  Currency: "Devise",
100500
101830
  "Special Rights or Restrictions": "Droits ou restrictions sp\xE9ciaux",
100501
101831
  Unlimited: "Illimit\xE9",
100502
- "Without Par Value": "Sans valeur nominale"
101832
+ "Without Par Value": "Sans valeur nominale",
101833
+ "File British Columbia Change of Office Addresses": "D\xE9poser le changement d'adresses de bureaux de la Colombie-Britannique",
101834
+ "The new addresses will take effect at the beginning of the day following the filing date. The registered and records offices must be located in British Columbia.": "Les nouvelles adresses prendront effet au d\xE9but du jour suivant la date de d\xE9p\xF4t. Le si\xE8ge social et le bureau des registres doivent \xEAtre situ\xE9s en Colombie-Britannique.",
101835
+ "Current Mailing Address": "Adresse postale actuelle",
101836
+ "Current Delivery Address": "Adresse de livraison actuelle",
101837
+ "New Mailing Address": "Nouvelle adresse postale",
101838
+ "New Delivery Address": "Nouvelle adresse de livraison",
101839
+ "Same as Mailing Address": "Identique \xE0 l'adresse postale",
101840
+ "Same as Registered Office": "Identique au si\xE8ge social",
101841
+ "The delivery address must be a physical location in British Columbia where documents can be delivered during statutory business hours. A post office box is not acceptable.": "L'adresse de livraison doit \xEAtre un lieu physique en Colombie-Britannique o\xF9 des documents peuvent \xEAtre livr\xE9s pendant les heures d'ouverture l\xE9gales. Une case postale n'est pas accept\xE9e."
100503
101842
  };
100504
101843
  }
100505
101844
  });