@4site/engrid-scripts 0.20.2 → 0.20.4

package/dist/data-attributes.d.ts

@@ -1,6 +1,9 @@
 export declare class DataAttributes {
+    private logger;
     private _country;
+    private _frequency;
     constructor();
     private setDataAttributes;
     private addFrequencyDataAttribute;
+    private addGiftAmountDataAttribute;
 }

package/dist/data-attributes.js

@@ -1,8 +1,10 @@
 // Component that adds data attributes to the Body
-import { ENGrid, Country } from ".";
+import { ENGrid, Country, DonationFrequency, EngridLogger } from ".";
 export class DataAttributes {
     constructor() {
+        this.logger = new EngridLogger("Data Attribute Changed", "#FFFFFF", "#4d9068", "🛠️");
         this._country = Country.getInstance();
+        this._frequency = DonationFrequency.getInstance();
         this.setDataAttributes();
     }
     setDataAttributes() {
@@ -135,6 +137,7 @@ export class DataAttributes {
         }
         if (ENGrid.getPageType() === "DONATION") {
             this.addFrequencyDataAttribute();
+            this.addGiftAmountDataAttribute();
         }
     }
     // Add a data attribute to the body tag with how many visible frequency options there are
@@ -148,4 +151,36 @@ export class DataAttributes {
         });
         ENGrid.setBodyData("visible-frequency", visibleFrequencyOptions.toString());
     }
+    // Add a data attribute to the body tag with how many visible gift amount options there are
+    addGiftAmountDataAttribute() {
+        const updateGiftAmountData = () => {
+            const giftAmountOptions = document.querySelectorAll(".en__field--donationAmt .en__field__element .en__field__item");
+            let visibleGiftAmountOptions = 0;
+            giftAmountOptions.forEach((option) => {
+                if (ENGrid.isVisible(option)) {
+                    visibleGiftAmountOptions++;
+                }
+            });
+            ENGrid.setBodyData("visible-gift-amount", visibleGiftAmountOptions.toString());
+            this.logger.log("Visible Gift Amount Changed to: " + visibleGiftAmountOptions.toString());
+        };
+        // Initial update
+        updateGiftAmountData();
+        // Observe changes in the donation amount section
+        const observer = new MutationObserver(updateGiftAmountData);
+        const targetNode = document.querySelector(".en__field--donationAmt");
+        if (targetNode) {
+            observer.observe(targetNode, {
+                childList: true,
+                subtree: true,
+                attributes: true,
+            });
+        }
+        // Run update updateGiftAmountData when frequency changes
+        this._frequency.onFrequencyChange.subscribe(() => {
+            setTimeout(() => {
+                updateGiftAmountData();
+            }, 10);
+        });
+    }
 }

package/dist/optin-ladder.d.ts

@@ -11,4 +11,5 @@ export declare class OptInLadder {
     private saveOptInsToSessionStorage;
     private isEmbeddedThankYouPage;
     private hidePage;
+    private clearSessionStorage;
 }

package/dist/optin-ladder.js

@@ -27,12 +27,12 @@ export class OptInLadder {
         }
         this._form.onSubmit.subscribe(() => {
             // Save the checkbox values to sessionStorage
-            this.saveOptInsToSessionStorage();
+            this.saveOptInsToSessionStorage("parent");
         });
         this.logger.log("Running as Parent");
         if (ENGrid.getPageNumber() === 1) {
-            // Delete supporter.questions from sessionStorage
-            sessionStorage.removeItem("engrid.supporter.questions");
+            // Delete items from sessionStorage
+            this.clearSessionStorage();
         }
     }
     runAsChildRegular() {
@@ -123,7 +123,7 @@ export class OptInLadder {
         this.saveStepToSessionStorage(currentStep, totalSteps);
         // On form submit, save the checkbox values to sessionStorage
         this._form.onSubmit.subscribe(() => {
-            this.saveOptInsToSessionStorage();
+            this.saveOptInsToSessionStorage("child");
             // Save the current step to sessionStorage
             currentStep++;
             this.saveStepToSessionStorage(currentStep, totalSteps);
@@ -134,19 +134,25 @@ export class OptInLadder {
             this.logger.log("Not Embedded on a Thank You Page");
             return;
         }
+        const hasOptInLadderStop = sessionStorage.getItem("engrid.optin-ladder-stop");
+        if (hasOptInLadderStop) {
+            this.logger.log("OptInLadder has been stopped");
+            return;
+        }
         const sessionStorageOptInLadder = JSON.parse(sessionStorage.getItem("engrid.optin-ladder") || "{}");
         const currentStep = sessionStorageOptInLadder.step || 0;
         const totalSteps = sessionStorageOptInLadder.totalSteps || 0;
-        if (currentStep < totalSteps) {
-            this.logger.log(`Current step ${currentStep} is less than total steps ${totalSteps}`);
+        if (currentStep <= totalSteps) {
+            this.logger.log(`Current step ${currentStep} is less or equal to total steps ${totalSteps}`);
+            this.hidePage();
             // Redirect to the first page
             window.location.href = this.getFirstPageUrl();
             return;
         }
         else {
-            this.logger.log(`Current step ${currentStep} is equal to total steps ${totalSteps}`);
+            this.logger.log(`Current step ${currentStep} is greater than total steps ${totalSteps}`);
             // Remove the session storage
-            sessionStorage.removeItem("engrid.optin-ladder");
+            this.clearSessionStorage();
         }
     }
     inIframe() {
@@ -169,7 +175,7 @@ export class OptInLadder {
         path.push("1");
         return url.origin + path.join("/") + "?chain";
     }
-    saveOptInsToSessionStorage() {
+    saveOptInsToSessionStorage(type = "parent") {
         // Grab all the checkboxes with the name starting with "supporter.questions"
         const checkboxes = document.querySelectorAll('input[name^="supporter.questions"]');
         if (checkboxes.length === 0) {
@@ -177,15 +183,23 @@ export class OptInLadder {
             return;
         }
         const sessionStorageCheckboxValues = JSON.parse(sessionStorage.getItem("engrid.supporter.questions") || "{}");
+        let hasDeny = false;
         // Loop through all the checkboxes and store the value in sessionStorage
         checkboxes.forEach((checkbox) => {
             if (checkbox.checked) {
                 const index = checkbox.name.split(".")[2];
                 sessionStorageCheckboxValues[index] = "Y";
             }
+            else {
+                hasDeny = true;
+            }
         });
         sessionStorage.setItem("engrid.supporter.questions", JSON.stringify(sessionStorageCheckboxValues));
         this.logger.log(`Saved checkbox values to sessionStorage: ${JSON.stringify(sessionStorageCheckboxValues)}`);
+        if (type === "child" && hasDeny) {
+            // Add a deny value to the sessionStorage to stop the ladder
+            sessionStorage.setItem("engrid.optin-ladder-stop", "Y");
+        }
     }
     isEmbeddedThankYouPage() {
         return ENGrid.getBodyData("embedded") === "thank-you-page-donation";
@@ -196,4 +210,9 @@ export class OptInLadder {
             engridPage.classList.add("hide");
         }
     }
+    clearSessionStorage() {
+        sessionStorage.removeItem("engrid.supporter.questions");
+        sessionStorage.removeItem("engrid.optin-ladder");
+        sessionStorage.removeItem("engrid.optin-ladder-stop");
+    }
 }

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const AppVersion = "0.20.2";
+export declare const AppVersion = "0.20.4";

package/dist/version.js

@@ -1 +1 @@
-export const AppVersion = "0.20.2";
+export const AppVersion = "0.20.4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4site/engrid-scripts",
-  "version": "0.20.2",
+  "version": "0.20.4",
   "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": "adb404739290088346c897570c1a587d4fe30f99",
+  "gitHead": "11e6a1d7af282dc9f3601368f16ac82616aa5e3c",
   "devDependencies": {
     "nodemon": "^2.0.20"
   }