@4site/engrid-scripts 0.19.12 → 0.19.14

package/dist/events/donation-amount.js

@@ -89,6 +89,12 @@ export class DonationAmount {
         if (found.length) {
             const amountField = found[0];
             amountField.checked = true;
+            // Change Event
+            const event = new Event("change", {
+                bubbles: true,
+                cancelable: true,
+            });
+            amountField.dispatchEvent(event);
             // Clear OTHER text field
             this.clearOther();
         }
@@ -100,6 +106,12 @@ export class DonationAmount {
                     enFieldOtherAmountRadio.checked = true;
                 }
                 otherField.value = parseFloat(amount.toString()).toFixed(2);
+                // Change Event
+                const event = new Event("change", {
+                    bubbles: true,
+                    cancelable: true,
+                });
+                otherField.dispatchEvent(event);
                 const otherWrapper = otherField.parentNode;
                 otherWrapper.classList.remove("en__field__item--hidden");
             }

package/dist/upsell-checkbox.d.ts

@@ -11,9 +11,11 @@ export declare class UpsellCheckbox {
     private checkboxContainer;
     private oldAmount;
     private oldFrequency;
+    private resetCheckbox;
     private logger;
     constructor();
     private updateLiveData;
+    private resetUpsellCheckbox;
     private renderCheckbox;
     private shouldRun;
     private showCheckbox;

package/dist/upsell-checkbox.js

@@ -16,6 +16,7 @@ export class UpsellCheckbox {
         this.checkboxContainer = null;
         this.oldAmount = 0;
         this.oldFrequency = "one-time";
+        this.resetCheckbox = false;
         this.logger = new EngridLogger("UpsellCheckbox", "black", "LemonChiffon", "✅");
         let options = "EngridUpsell" in window ? window.EngridUpsell : {};
         this.options = Object.assign(Object.assign({}, UpsellOptionsDefaults), options);
@@ -23,8 +24,8 @@ export class UpsellCheckbox {
             this.logger.log("Skipped");
             return;
         }
-        // If window.EngridUpsell has only the upsellCheckbox property, set window.EngridUpsell.skipUpsell to true
-        if (Object.keys(options).length === 1 && "upsellCheckbox" in options) {
+        // To avoid using both UpsellLightbox and UpsellCheckbox at the same time, set window.EngridUpsell.skipUpsell to true if there's an upsellCheckbox
+        if ("upsellCheckbox" in options && options.upsellCheckbox !== false) {
             window.EngridUpsell.skipUpsell = true; // Skip the upsell lightbox
         }
         this.checkboxOptions = Object.assign(Object.assign({}, this.checkboxOptionsDefaults), this.options.upsellCheckbox);
@@ -36,13 +37,32 @@ export class UpsellCheckbox {
         this.renderCheckbox();
         this.updateLiveData();
         this._frequency.onFrequencyChange.subscribe(() => this.updateLiveData());
+        this._frequency.onFrequencyChange.subscribe(() => this.resetUpsellCheckbox());
         this._amount.onAmountChange.subscribe(() => this.updateLiveData());
+        this._amount.onAmountChange.subscribe(() => this.resetUpsellCheckbox());
         this._fees.onFeeChange.subscribe(() => this.updateLiveData());
     }
     updateLiveData() {
         this.liveAmounts();
         this.liveFrequency();
     }
+    resetUpsellCheckbox() {
+        var _a, _b;
+        // Only reset the upsell checkbox if it has been checked
+        if (!this.resetCheckbox)
+            return;
+        this.logger.log("Reset");
+        // Uncheck the upsell checkbox
+        const checkbox = (_a = this.checkboxContainer) === null || _a === void 0 ? void 0 : _a.querySelector("#upsellCheckbox");
+        if (checkbox) {
+            checkbox.checked = false;
+        }
+        // Hide the upsell checkbox
+        (_b = this.checkboxContainer) === null || _b === void 0 ? void 0 : _b.classList.add("recurring-frequency-y-hide");
+        this.oldAmount = 0;
+        this.oldFrequency = "one-time";
+        this.resetCheckbox = false;
+    }
     renderCheckbox() {
         if (this.checkboxOptions === false)
             return;
@@ -168,8 +188,13 @@ export class UpsellCheckbox {
             this._dataLayer.addEndOfGiftProcessVariable("ENGRID_UPSELL_ORIGINAL_AMOUNT", originalAmount);
             this._dataLayer.addEndOfGiftProcessVariable("ENGRID_UPSELL_DONATION_FREQUENCY", "MONTHLY");
             this.renderConversionField("upsellSuccess", "onetime", originalAmount, "monthly", upsoldAmount, "monthly", upsoldAmount);
+            // Set the resetCheckbox flag to true so it will reset if the user changes the amount or frequency
+            window.setTimeout(() => {
+                this.resetCheckbox = true;
+            }, 500);
         }
         else {
+            this.resetCheckbox = false;
             this.logger.success("Not Upsold");
             this._amount.setAmount(this.oldAmount);
             this._frequency.setFrequency(this.oldFrequency);

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const AppVersion = "0.19.12";
+export declare const AppVersion = "0.19.14";

package/dist/version.js

@@ -1 +1 @@
-export const AppVersion = "0.19.12";
+export const AppVersion = "0.19.14";

package/dist/welcome-back.d.ts

@@ -2,6 +2,7 @@ export declare class WelcomeBack {
     private supporterDetails;
     private options;
     private rememberMeEvents;
+    private hasRun;
     constructor();
     private run;
     private shouldRun;

package/dist/welcome-back.js

@@ -15,6 +15,7 @@ export class WelcomeBack {
         this.supporterDetails = {};
         this.options = (_a = ENGrid.getOption("WelcomeBack")) !== null && _a !== void 0 ? _a : false;
         this.rememberMeEvents = RememberMeEvents.getInstance();
+        this.hasRun = false;
         if (!this.shouldRun())
             return;
         if (ENGrid.getOption("RememberMe")) {
@@ -30,6 +31,9 @@ export class WelcomeBack {
         }
     }
     run() {
+        if (this.hasRun)
+            return;
+        this.hasRun = true;
         this.supporterDetails = {
             firstName: ENGrid.getFieldValue("supporter.firstName"),
             lastName: ENGrid.getFieldValue("supporter.lastName"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4site/engrid-scripts",
-  "version": "0.19.12",
+  "version": "0.19.14",
   "description": "Scripts for the ENGRID Project",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -25,7 +25,7 @@
     "strongly-typed-events": "^2.0.9"
   },
   "homepage": "https://github.com/4site-interactive-studios/engrid#readme",
-  "gitHead": "3797669bb45cad103c45ce0e0fe984e89f53bf43",
+  "gitHead": "15f7f50a88b04c675f65c35e03cc663ba7110d4e",
   "devDependencies": {
     "nodemon": "^2.0.20"
   }