@4site/engrid-scripts 0.20.3 → 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/version.d.ts

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

package/dist/version.js

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

package/package.json

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