diff --git a/azure-pipelines.yml b/azure-pipelines.yml index a7b9b705a..8f163704d 100644 --- a/azure-pipelines.yml +++ b/azure-pipelines.yml @@ -217,6 +217,7 @@ stages: __VUE_APP_HERITAGE_FUNNEL__: $(__VUE_APP_HERITAGE_FUNNEL__) __VUE_APP_SAFELITE_HOP__: $(__VUE_APP_SAFELITE_HOP__) __VUE_APP_CURRENT_ENVIRONMENT__: $(__VUE_APP_CURRENT_ENVIRONMENT__) + __VUE_APP_MY_ACCOUNT__: $(__VUE_APP_MY_ACCOUNT__) indexDeployVariables: __VUE_APP_GOOGLE_TAG_MANAGER_SCRIPT_BODY__: $(__VUE_APP_GOOGLE_TAG_MANAGER_SCRIPT_BODY__) __VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__: $(__VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__) @@ -275,6 +276,7 @@ stages: __VUE_APP_HERITAGE_FUNNEL__: $(__VUE_APP_HERITAGE_FUNNEL__) __VUE_APP_SAFELITE_HOP__: $(__VUE_APP_SAFELITE_HOP__) __VUE_APP_CURRENT_ENVIRONMENT__: $(__VUE_APP_CURRENT_ENVIRONMENT__) + __VUE_APP_MY_ACCOUNT__: $(__VUE_APP_MY_ACCOUNT__) indexDeployVariables: __VUE_APP_GOOGLE_TAG_MANAGER_SCRIPT_BODY__: $(__VUE_APP_GOOGLE_TAG_MANAGER_SCRIPT_BODY__) __VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__: $(__VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__) diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue index 8be321660..2226c3bf3 100644 --- a/src/digital-components/modal/modal.vue +++ b/src/digital-components/modal/modal.vue @@ -6,6 +6,7 @@ :id="modalId" tabindex="-1" aria-labelledby="ModalComponentLabel" + @keypress.enter="onEnter" aria-hidden="true"> + +
@@ -178,7 +176,6 @@ import funnelHeader from "@/fmg-components/funnel-header/funnel-header"; import navbar from "@/fmg-components/nav-bar/nav-bar"; import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue"; import cart from "@/fmg-components/cart/cart"; -import paymentSwitch from "./payment-switch/payment-switch.vue"; import { storeActions } from "@/constants/store-actions"; import store from "@/store"; @@ -231,6 +228,8 @@ export default { piaLineItems: "", lineItems: [], availableVaps: [], + + shouldBlockInteraction: false, }; }, directives: { @@ -398,9 +397,6 @@ export default { } return ""; }, - switchPaymentText() { - return this.getCmsContent("PaymentMethodWidget", "QuestionText"); - }, damageInfo() { return this.$store.getters.damage; }, @@ -561,10 +557,6 @@ export default { window.location = applicationConfig.PIA_CANCEL_URL; //this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route); }, - switchPIAMethod(payMethod) { - this.paymentType = payMethod; - this.submitHopForm(); - }, submitHopForm() { this.$nextTick(() => { this.$refs.hopForm.submit(); @@ -598,19 +590,29 @@ export default { if (event.data.indexOf("afterpayClosed") > -1) { this.backButtonAction(); } + if (event.data.indexOf("creditCardSubmit") > -1) { + this.setUIBlock(true); + } }, setIFrameListener() { window.addEventListener("message", (event) => this.handleIFrameContentWindwMessage(event) ); }, + setUIBlock(val) { + this.shouldBlockInteraction = val; + }, + supressClick(event) { + if (this.shouldBlockInteraction) { + event.stopPropagation(); + } + }, }, components: { funnelHeader, navbar, loadingModal, cart, - paymentSwitch, }, }; @@ -625,4 +627,13 @@ export default { #pageLoadingModal { background-color: red; } + +.ui-block { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 9999; +} 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 820b3eb71..841dfe153 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,7 +19,6 @@ :onModalOpenedCallback="onModalOpened" :onModalClosedCallback="onModalClosed" :footerButtonText="modalFooterText" - @keypress.enter="onEnter" @footer-button-event="setZipCode">