diff --git a/package-lock.json b/package-lock.json
index a1f9ca9d3..4eabbf0c9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
"name": "Safelite",
"version": "0.1.0",
"dependencies": {
+ "@iframe-resizer/child": "^5.3.3",
"axios": "^0.23.0",
"bootstrap": "^5.3.3",
"core-js": "^3.38.1",
@@ -2162,6 +2163,16 @@
"dev": true,
"license": "BSD-3-Clause"
},
+ "node_modules/@iframe-resizer/child": {
+ "version": "5.3.3",
+ "resolved": "https://registry.npmjs.org/@iframe-resizer/child/-/child-5.3.3.tgz",
+ "integrity": "sha512-A+avzzQ6R5AaK0RQ/v0sxrN/S7zeS0U7TE/Jcc2Wln0gpVHpkEMHLOYVBAS2ho8ZA6yhbyZeNoDCh3RMtCp14w==",
+ "license": "GPL-3.0",
+ "funding": {
+ "type": "individual",
+ "url": "https://iframe-resizer.com/pricing/"
+ }
+ },
"node_modules/@isaacs/cliui": {
"version": "8.0.2",
"resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
diff --git a/package.json b/package.json
index 2cf0e2d98..65de4ba18 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
"lint": "vue-cli-service lint"
},
"dependencies": {
+ "@iframe-resizer/child": "^5.3.3",
"axios": "^0.23.0",
"bootstrap": "^5.3.3",
"core-js": "^3.38.1",
diff --git a/src/experiment-components/donation-block.vue b/src/experiment-components/donation-block.vue
index 1daeedc41..ad14052a3 100644
--- a/src/experiment-components/donation-block.vue
+++ b/src/experiment-components/donation-block.vue
@@ -61,11 +61,11 @@
-
+
.donation-block {
- padding: 1rem 0;
+ padding: 1rem 0 0 0;
background-color: $gray-100;
border-radius: 0;
diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index 374492bf3..7a6386eb5 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -206,6 +206,7 @@ export default {
isItac: Boolean,
isNoComp: Boolean,
isExpandedOnLoad: Boolean,
+ isMSRFeeApplicable: Boolean,
},
data() {
return {
@@ -852,9 +853,6 @@ export default {
isCashItacNoComp() {
return !this.isInsurance || this.isITAC || this.isNoComp;
},
- getIsMSRFeeApplicableFromStore() {
- return this.$store.getters.order.isMSRFeeApplicable;
- },
mobileFeeCartItemName() {
return this.getCmsContent("MobileServiceTextWidget", "Text");
},
@@ -871,7 +869,7 @@ export default {
(mobileFeeLineItem?.sellingPrice ?? 0);
if (mobileTotal > 0) {
- if (this.getIsMSRFeeApplicableFromStore) {
+ if (this.isMSRFeeApplicable) {
showMobileFeeCartItem = this.isCashItacNoComp;
} else {
showMobileFeeCartItem = true;
diff --git a/src/layouts/confirmation/confirmation.vue b/src/layouts/confirmation/confirmation.vue
index ac6ce2ed5..8c4d6cf1a 100644
--- a/src/layouts/confirmation/confirmation.vue
+++ b/src/layouts/confirmation/confirmation.vue
@@ -62,7 +62,8 @@
:shouldHideRecalibration="shouldHideRecalibration"
:isExpandedOnLoad="false"
:isItac="isItac"
- :isNoComp="isNoComp" />
+ :isNoComp="isNoComp"
+ :isMSRFeeApplicable="isMSRFeeApplicable" />
+ :isExpandedOnLoad="false"
+ :isMSRFeeApplicable="isMSRFeeApplicable" />
@@ -689,6 +690,9 @@ export default {
damageInfo() {
return this.$store.getters.damage;
},
+ isMSRFeeApplicable() {
+ return this.$store.getters.order.isMSRFeeApplicable;
+ },
isInsurance() {
return this.hasSubmittedOrder()
? this.getSubmittedOrder()?.payment.isInsurance
diff --git a/src/layouts/payment-pia-return/payment-pia-return.vue b/src/layouts/payment-pia-return/payment-pia-return.vue
index e581efc5f..cd68ada0f 100644
--- a/src/layouts/payment-pia-return/payment-pia-return.vue
+++ b/src/layouts/payment-pia-return/payment-pia-return.vue
@@ -21,6 +21,10 @@ import {
getSubTotal,
getSalesTax,
} from "@/helpers/cart-and-payment-helper.js";
+// iframeResizer IS loaded into the page and necessary for the package to
+// to auto scale the iFrame this page is loaded in
+// Do not remove despite showing as "unused" CASH-309
+import iframeResizer from "@iframe-resizer/child";
export default {
name: "payment-pia-return",