<common-page-framework layout="blank">
    <form #formRef="ngForm" novalidate>
        <h1>Contact Info</h1>
        <p class="help-block">Please provide the Account Holder's information.</p>
        <common-page-section layout='double'>
            <h2 class="border-bottom">Mailing Address</h2>
            <p class="help-block">Enter your current mailing address</p>
            <common-address [address]="mspApplication?.mailingAddress" (addressChange)="handleAddressUpdate($event)" 
                [defaultCountry]="defaultCountry"  [countryList]="countryList" [defaultProvince]="defaultProvince" 
                [provinceList]="provinceList" [isRequired]="true">
            </common-address>
        </common-page-section>
        <div class="row">
            <div class="form-group col-md-5">
                <common-phone-number name="phone_number" 
                    [label]="'Phone Number'" 
                    [phoneNumber]="mspApplication.phoneNumber" 
                    (onChange)="handlePhoneNumberChange($event)">
                </common-phone-number>
            </div>
        </div>
    </form>
</common-page-framework>
<common-form-action-bar [defaultColor]="false" [canContinue]="canContinue()" (btnClick)="continue()"></common-form-action-bar>
<ng-template #NoMailingAddress>
    <div class="mail-address-container">
        <button type="button" class="btn btn-lg btn-warning mx-auto d-block" (click)="toggleCheckBox()">My mailing address is different.</button>
    </div>
</ng-template>
<common-page-framework layout="blank">
    <form #formRef="ngForm" novalidate>
        <h1>Contact Info</h1>
        <p class="help-block">Please provide the Account Holder's information.</p>
        <common-page-section layout='double'>
            <h2 class="border-bottom">Mailing Address</h2>
            <p class="help-block">Enter your current mailing address</p>
            <common-address [address]="mspApplication?.mailingAddress" (addressChange)="handleAddressUpdate($event)" 
                [defaultCountry]="defaultCountry"  [countryList]="countryList" [defaultProvince]="defaultProvince" 
                [provinceList]="provinceList" [isRequired]="true" [disableGeocoder]='true'>
            </common-address>
        </common-page-section>
        <div class="row">
            <div class="form-group col-md-5">
                <common-phone-number name="phone_number" 
                    [label]="'Phone Number'" 
                    [phoneNumber]="mspApplication.phoneNumber" 
                    (onChange)="handlePhoneNumberChange($event)">
                </common-phone-number>
            </div>
        </div>
    </form>
</common-page-framework>
<common-form-action-bar [defaultColor]="false" [canContinue]="canContinue()" (btnClick)="continue()"></common-form-action-bar>
<ng-template #NoMailingAddress>
    <div class="mail-address-container">
        <button type="button" class="btn btn-lg btn-warning mx-auto d-block" (click)="toggleCheckBox()">My mailing address is different.</button>
    </div>
</ng-template>
Add disable geocoder to fix bug - note will need to publish latest version of moh-common-lib for this to work
Add disable geocoder to fix bug - note will need to publish latest version of moh-common-lib for this to work
