From 9fcd1c06ae7bd7dafad2242e6775a3d4044f89df Mon Sep 17 00:00:00 2001
From: Sneha <sneha.a@safelite.com>
Date: Wed, 29 Nov 2023 15:55:17 +0530
Subject: [PATCH] CSR-1710

---
 src/digital-components/modal/modal.vue                |  1 +
 .../promo-modal-question/promo-modal-question.vue     |  5 +++++
 .../service-zip-modal-question.vue                    | 11 +++++++++++
 3 files changed, 17 insertions(+)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 764ca2da9..8be321660 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -29,6 +29,7 @@
                     <modalButtonMain
                         isPrimary
                         class="w-100"
+                        id="modalbtn"
                         ref="modalButtonMain"
                         loaderColor="white"
                         :buttonText="footerButtonText"
diff --git a/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue b/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue
index 120e88292..a7171a098 100644
--- a/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue
+++ b/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue
@@ -11,6 +11,7 @@
             :headerText="modalHeaderText"
             :onModalClosedCallback="onModalClosed"
             :onModalOpenedCallback="focusOnPromoInput"
+            @keypress.enter="onEnter"
             :footerButtonText="modalFooterText"
             @footer-button-event="addPromoCode">
             <promoQuestion
@@ -162,6 +163,10 @@ export default {
         openModal() {
             this.modal.openModal();
         },
+        onEnter(e) {
+            e.preventDefault();
+            this.modal.validateAndEmit();
+        },
         closeModal() {
             this.modal.closeModal();
         },
diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
index 841dfe153..f13b9d619 100644
--- a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
+++ b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
@@ -19,6 +19,7 @@
         :onModalOpenedCallback="onModalOpened"
         :onModalClosedCallback="onModalClosed"
         :footerButtonText="modalFooterText"
+        @keypress.enter="onEnter"
         @footer-button-event="setZipCode">
         <serviceZipQuestion
             ref="serviceZipQuestion"
@@ -108,6 +109,10 @@ export default {
             const input = document.getElementById(this.serviceZipCodeTextInputId);
             input?.focus();
         },
+        focusOnModalButton() {
+            const input = document.getElementById("modalbtn");
+            input?.focus();
+        },
         copyModel(modelToCopy) {
             return {
                 state: modelToCopy.state,
@@ -117,6 +122,12 @@ export default {
         openModal() {
             this.modal.openModal();
         },
+        onEnter(e) {
+            e.preventDefault();
+            this.focusOnModalButton();
+            this.modal.validateAndEmit();
+            this.focusOnZipInput();
+        },
         closeModal() {
             this.modal.closeModal();
         },