ENgrid Update

dist/engrid.css

@@ -19,10 +19,10 @@
  *
  *  ENGRID PAGE TEMPLATE ASSETS
  *
- *  Date: Saturday, December 21, 2024 @ 02:58:47 ET
+ *  Date: Tuesday, January 7, 2025 @ 16:38:12 ET
  *  By: fernando
  *  ENGrid styles: v0.20.0
- *  ENGrid scripts: v0.20.3
+ *  ENGrid scripts: v0.20.4
  *
  *  Created by 4Site Studios
  *  Come work with us or join our team, we would love to hear from you

dist/engrid.js

@@ -17,10 +17,10 @@
  *
  *  ENGRID PAGE TEMPLATE ASSETS
  *
- *  Date: Saturday, December 21, 2024 @ 02:58:47 ET
+ *  Date: Tuesday, January 7, 2025 @ 16:38:12 ET
  *  By: fernando
  *  ENGrid styles: v0.20.0
- *  ENGrid scripts: v0.20.3
+ *  ENGrid scripts: v0.20.4
  *
  *  Created by 4Site Studios
  *  Come work with us or join our team, we would love to hear from you
@@ -12932,7 +12932,9 @@ class Advocacy {
 
 class DataAttributes {
     constructor() {
+        this.logger = new EngridLogger("Data Attribute Changed", "#FFFFFF", "#4d9068", "🛠️");
         this._country = Country.getInstance();
+        this._frequency = DonationFrequency.getInstance();
         this.setDataAttributes();
     }
     setDataAttributes() {
@@ -13065,6 +13067,7 @@ class DataAttributes {
         }
         if (engrid_ENGrid.getPageType() === "DONATION") {
             this.addFrequencyDataAttribute();
+            this.addGiftAmountDataAttribute();
         }
     }
     // Add a data attribute to the body tag with how many visible frequency options there are
@@ -13078,6 +13081,38 @@ class DataAttributes {
         });
         engrid_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_ENGrid.isVisible(option)) {
+                    visibleGiftAmountOptions++;
+                }
+            });
+            engrid_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);
+        });
+    }
 }
 
 ;// CONCATENATED MODULE: ./node_modules/@4site/engrid-scripts/dist/iframe.js
@@ -22045,7 +22080,7 @@ class OptInLadder {
 }
 
 ;// CONCATENATED MODULE: ./node_modules/@4site/engrid-scripts/dist/version.js
-const AppVersion = "0.20.3";
+const AppVersion = "0.20.4";
 
 ;// CONCATENATED MODULE: ./node_modules/@4site/engrid-scripts/dist/index.js
  // Runs first so it can change the DOM markup before any markup dependent code fires