diff --git a/public/css/site-2020Styling.css b/public/css/site-2020Styling.css index d42d3a81d..07d331589 100644 --- a/public/css/site-2020Styling.css +++ b/public/css/site-2020Styling.css @@ -87,6 +87,20 @@ display: none; } +.buy-backdrop { + background-color: rgba(0, 0, 0, 0.3) !important; +} +.buy-backdrop #afterpay__iframe-checkout-container { + width: 100%; +} +.buy-backdrop #afterpay__iframe-checkout-container .style_closeWrapper__lIHJe { + display: none; +} + +.buy-container-closer { + display: none; +} + @keyframes rotate { 0% { transform: rotate(0); diff --git a/public/scss/site-2020Styling.scss b/public/scss/site-2020Styling.scss index fd716f6ee..3cd0839bc 100644 --- a/public/scss/site-2020Styling.scss +++ b/public/scss/site-2020Styling.scss @@ -90,6 +90,24 @@ } } +// AfterPay Styles + +.buy-backdrop { + background-color: rgba(0,0,0,.3)!important; + #afterpay__iframe-checkout-container { + width: 100%; + .style_closeWrapper__lIHJe { + display: none; + } + } +} + +.buy-container-closer { + display: none; +} + +// Modal Spinner + @keyframes rotate { 0% { transform: rotate(0)} 100% { transform: rotate(360deg)} diff --git a/src/constants/cart-item-types.js b/src/constants/cart-item-types.js index 7db2ac312..546a3b6e7 100644 --- a/src/constants/cart-item-types.js +++ b/src/constants/cart-item-types.js @@ -5,6 +5,7 @@ const cartItemTypes = { GLASS_PARTS: "GLASS PARTS", RAIN_DEFENSE: "RAIN DEFENSE", RECYCLE_FEE: "RECYCLE FEE", + REPLACE_FEE: "REPLACE FEE", MOBILE_FEE: "MOBILE FEE", PROMOS: "PROMOS", EARLY_BIRD: "EARLY BIRD", diff --git a/src/constants/part-type-strings.js b/src/constants/part-type-strings.js index fd1f4e781..aa56d1ed2 100644 --- a/src/constants/part-type-strings.js +++ b/src/constants/part-type-strings.js @@ -3,6 +3,7 @@ const partTypeStrings = { REAR_WIPER: "REAR WIPER", RAIN_DEFENSE: "RAIN DEFENSE", RECALIBRATION: "RECALIBRATION", + REPLACE_FEE: "REPLACE FEE", RECYCLE_FEE: "RECYCLE FEE", MOBILE_FEE: "MOBILE FEE", REPAIR_FEE: "REPAIR FEE", diff --git a/src/constants/store-mutations.js b/src/constants/store-mutations.js index 4f1d4e395..7a0d19c03 100644 --- a/src/constants/store-mutations.js +++ b/src/constants/store-mutations.js @@ -54,6 +54,7 @@ const storeMutations = { UPDATE_PIA_TYPE: "updatePiaType", WORK_ORDER_NUMBER: "updateWorkOrderNumber", Customer_Portal_Login_Token: "updateCustomerPortalLoginToken", + LOCK_TOKEN: "updateLockToken", // EVENT BUS MUTATIONS ADD_EVENT_TO_BUS: "addEventToBus", diff --git a/src/fmg-components/cart/cart.spec.js b/src/fmg-components/cart/cart.spec.js index ae84083e6..bd0a2b096 100644 --- a/src/fmg-components/cart/cart.spec.js +++ b/src/fmg-components/cart/cart.spec.js @@ -37,13 +37,13 @@ describe("cart.vue", () => { promos: [], }; - const availableLineItems = []; + const availableVaps = []; // Act const { wrapper } = setupMocks({ props: { modelValue: lineItems, - availableLineItems: availableLineItems, + availableVaps: availableVaps, }, }); @@ -89,13 +89,13 @@ describe("cart.vue", () => { promos: [], }; - const availableLineItems = []; + const availableVaps = []; // Act const { wrapper } = setupMocks({ props: { modelValue: lineItems, - availableLineItems: availableLineItems, + availableVaps: availableVaps, }, }); @@ -132,13 +132,13 @@ describe("cart.vue", () => { promos: [], }; - const availableLineItems = []; + const availableVaps = []; // Act const { wrapper } = setupMocks({ props: { modelValue: lineItems, - availableLineItems: availableLineItems, + availableVaps: availableVaps, }, }); @@ -189,13 +189,13 @@ describe("cart.vue", () => { // promos: [], // }; - // const availableLineItems = []; + // const availableVaps = []; // // Act // const { wrapper } = setupMocks({ // props: { // modelValue: lineItems, - // availableLineItems: availableLineItems, + // availableVaps: availableVaps, // }, // }); @@ -234,13 +234,13 @@ describe("cart.vue", () => { promos: [], }; - const availableLineItems = []; + const availableVaps = []; // Act const { wrapper } = setupMocks({ props: { modelValue: lineItems, - availableLineItems: availableLineItems, + availableVaps: availableVaps, }, }); @@ -277,13 +277,13 @@ describe("cart.vue", () => { promos: [], }; - const availableLineItems = []; + const availableVaps = []; // Act const { wrapper } = setupMocks({ props: { modelValue: lineItems, - availableLineItems: availableLineItems, + availableVaps: availableVaps, }, }); @@ -321,13 +321,13 @@ describe("cart.vue", () => { promos: [], }; - const availableLineItems = []; + const availableVaps = []; // Act const { wrapper } = setupMocks({ props: { modelValue: lineItems, - availableLineItems: availableLineItems, + availableVaps: availableVaps, }, }); diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue index a6290e46c..6d709edeb 100644 --- a/src/fmg-components/cart/cart.vue +++ b/src/fmg-components/cart/cart.vue @@ -1,27 +1,24 @@