@4site/engrid-scripts 0.19.4 → 0.19.6

package/dist/app.js

@@ -1,5 +1,5 @@
 import { DonationAmount, DonationFrequency, EnForm, ProcessingFees, Country, } from "./events";
-import { AmountLabel, Loader, ProgressBar, UpsellLightbox, ENGrid, OptionsDefaults, setRecurrFreq, PageBackground, MediaAttribution, ApplePay, A11y, CapitalizeFields, Ecard, ClickToExpand, Advocacy, DataAttributes, LiveVariables, iFrame, InputPlaceholders, InputHasValueAndFocus, ShowHideRadioCheckboxes, AutoCountrySelect, SkipToMainContentLink, SrcDefer, NeverBounce, AutoYear, Autocomplete, RememberMe, TranslateFields, ShowIfAmount, EngridLogger, OtherAmount, MinMaxAmount, Ticker, DataReplace, DataHide, AddNameToMessage, ExpandRegionName, AppVersion, UrlToForm, RequiredIfVisible, TidyContact, DataLayer, LiveCurrency, Autosubmit, EventTickets, SwapAmounts, DebugPanel, DebugHiddenFields, FreshAddress, BrandingHtml, CountryDisable, PremiumGift, DigitalWallets, MobileCTA, LiveFrequency, UniversalOptIn, Plaid, GiveBySelect, UrlParamsToBodyAttrs, ExitIntentLightbox, SupporterHub, FastFormFill, SetAttr, ShowIfPresent, ENValidators, CustomCurrency, VGS, PostalCodeValidator, CountryRedirect, WelcomeBack, EcardToTarget, UsOnlyForm, ThankYouPageConditionalContent, EmbeddedEcard, } from ".";
+import { AmountLabel, Loader, ProgressBar, UpsellLightbox, ENGrid, OptionsDefaults, setRecurrFreq, PageBackground, MediaAttribution, ApplePay, A11y, CapitalizeFields, Ecard, ClickToExpand, Advocacy, DataAttributes, LiveVariables, iFrame, InputPlaceholders, InputHasValueAndFocus, ShowHideRadioCheckboxes, AutoCountrySelect, SkipToMainContentLink, SrcDefer, NeverBounce, AutoYear, Autocomplete, RememberMe, TranslateFields, ShowIfAmount, EngridLogger, OtherAmount, MinMaxAmount, Ticker, DataReplace, DataHide, AddNameToMessage, ExpandRegionName, AppVersion, UrlToForm, RequiredIfVisible, TidyContact, DataLayer, LiveCurrency, Autosubmit, EventTickets, SwapAmounts, DebugPanel, DebugHiddenFields, FreshAddress, BrandingHtml, CountryDisable, PremiumGift, DigitalWallets, MobileCTA, LiveFrequency, UniversalOptIn, Plaid, GiveBySelect, UrlParamsToBodyAttrs, ExitIntentLightbox, SupporterHub, FastFormFill, SetAttr, ShowIfPresent, ENValidators, CustomCurrency, VGS, PostalCodeValidator, CountryRedirect, WelcomeBack, EcardToTarget, UsOnlyForm, ThankYouPageConditionalContent, EmbeddedEcard, CheckboxLabel, } from ".";
 export class App extends ENGrid {
     constructor(options) {
         super();
@@ -272,6 +272,7 @@ export class App extends ENGrid {
         new UsOnlyForm();
         new ThankYouPageConditionalContent();
         new EmbeddedEcard();
+        new CheckboxLabel();
         //Debug panel
         let showDebugPanel = this.options.Debug;
         try {

package/dist/checkbox-label.d.ts

@@ -0,0 +1,7 @@
+export declare class CheckboxLabel {
+    private logger;
+    private checkBoxesLabels;
+    constructor();
+    shoudRun(): boolean;
+    run(): void;
+}

package/dist/checkbox-label.js

@@ -0,0 +1,30 @@
+// Component to allow the user to set custom labels for the checkboxes,
+// you can customize the checkbox label on a per-page basis, which is not possible with Engaging Networks
+// The .checkbox-label element should be placed right before the checkbox form block
+import { EngridLogger } from ".";
+export class CheckboxLabel {
+    constructor() {
+        this.logger = new EngridLogger("CheckboxLabel", "#00CC95", "#2C3E50", "✅");
+        this.checkBoxesLabels = document.querySelectorAll(".checkbox-label");
+        if (!this.shoudRun())
+            return;
+        this.logger.log(`Found ${this.checkBoxesLabels.length} custom labels`);
+        this.run();
+    }
+    shoudRun() {
+        return this.checkBoxesLabels.length > 0;
+    }
+    run() {
+        this.checkBoxesLabels.forEach((checkboxLabel) => {
+            var _a;
+            const labelText = (_a = checkboxLabel.textContent) === null || _a === void 0 ? void 0 : _a.trim();
+            const checkboxContainer = checkboxLabel.nextElementSibling;
+            const checkboxLabelElement = checkboxContainer.querySelector("label");
+            if (!checkboxLabelElement || !labelText)
+                return;
+            checkboxLabelElement.textContent = labelText;
+            checkboxLabel.remove();
+            this.logger.log(`Set checkbox label to "${labelText}"`);
+        });
+    }
+}

package/dist/iframe.js

@@ -31,11 +31,15 @@ export class iFrame {
             // Fire the resize event
             this.logger.log("iFrame Event - Begin Resizing");
             // Run onLoaded function
-            if (document.readyState === "complete") {
+            console.log("document.readyState", document.readyState);
+            // Document Load
+            if (document.readyState !== "loading") {
                 this.onLoaded();
             }
             else {
-                window.addEventListener("load", this.onLoaded.bind(this));
+                document.addEventListener("DOMContentLoaded", () => {
+                    this.onLoaded();
+                });
             }
             window.setTimeout(() => {
                 this.sendIframeHeight();
@@ -130,6 +134,8 @@ export class iFrame {
                 this.sendIframeHeight();
             }, 100);
         });
+        // Watch for errors and send the height
+        ENGrid.watchForError(this.sendIframeHeight.bind(this));
     }
     sendIframeHeight() {
         let height = document.body.offsetHeight;

package/dist/index.d.ts

@@ -78,5 +78,6 @@ export * from "./ecard-to-target";
 export * from "./embedded-ecard";
 export * from "./us-only-form";
 export * from "./thank-you-page-conditional-content";
+export * from "./checkbox-label";
 export * from "./events";
 export * from "./version";

package/dist/index.js

@@ -78,6 +78,7 @@ export * from "./ecard-to-target";
 export * from "./embedded-ecard";
 export * from "./us-only-form";
 export * from "./thank-you-page-conditional-content";
+export * from "./checkbox-label";
 // Events
 export * from "./events";
 // Version

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const AppVersion = "0.19.4";
+export declare const AppVersion = "0.19.6";

package/dist/version.js

@@ -1 +1 @@
-export const AppVersion = "0.19.4";
+export const AppVersion = "0.19.6";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4site/engrid-scripts",
-  "version": "0.19.4",
+  "version": "0.19.6",
   "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": "27f831ac7133e8d98e5373c007bea75f3fb0dbfd",
+  "gitHead": "6a545c3e4cf2fa7deb810b34b5c082c6864b5f95",
   "devDependencies": {
     "nodemon": "^2.0.20"
   }