Add Mask to phone number fields in app

Prevents  1 and 0 from starting a phone number.

src/layouts/bailout-page/bailout-page.vue

@@ -39,7 +39,7 @@
                     inputId="phoneNumberField"
                     cmsWidgetName="PhoneNumberQuestion"
                     isRequired
-                    mask="###-###-####"
+                    :mask="mask"
                     disableAutoFill
                     :validationRules="rules.phoneNumber" />
                 <textboxQuestion
@@ -175,6 +175,16 @@ export default {
         },
         canNavigateBack() {
             return canNavigateBackFromBailout();
+        },
+        mask() {
+            return {
+                mask: 'x##-###-####',
+                tokens: {
+                    x: {
+                        pattern: /[2-9]/
+                    }
+                }
+            };
         }
     },
     methods: {

src/layouts/contact-details/contact-details.vue

@@ -46,6 +46,7 @@
                         inputId="phoneNumber"
                         :cmsWidgetName="widget.phoneNumberQuestion"
                         isRequired
+                        :mask="mask"
                         :validationRules="rules.phoneNumber" />
                     <checkbox
                         ref="requestTextUpdatesCheckbox"
@@ -179,6 +180,16 @@ export default {
          */
         textUpdateDisclaimerText() {
             return `*${this.getCmsContent(this.widget.disclaimer, 'Text')}`;
+        },
+        mask() {
+            return {
+                mask: 'x##-###-####',
+                tokens: {
+                    x: {
+                        pattern: /[2-9]/
+                    }
+                }
+            };
         }
     },
     methods:

src/layouts/tpa-submit/contact-details-drawer/contact-details-drawer.vue

@@ -38,7 +38,7 @@
                 inputId="phoneNumber"
                 :cmsWidgetName="widget.phoneNumberQuestion"
                 isRequired
-                mask="###-###-####"
+                :mask="mask"
                 disableAutoFill
                 :validationRules="rules.phoneNumber" />
         </template>
@@ -101,6 +101,16 @@ export default {
         },
         footerButtonText() {
             return this.getCmsContent(this.widget.drawerFooter, widgetFields.FOOTER_WIDGET.FORWARD_BUTTON_TEXT);
+        },
+        mask() {
+            return {
+                mask: 'x##-###-####',
+                tokens: {
+                    x: {
+                        pattern: /[2-9]/
+                    }
+                }
+            };
         }
     },
     methods: {