@4site/engrid-scripts 0.19.1

package/dist/translate-fields.d.ts

@@ -0,0 +1,12 @@
+export declare class TranslateFields {
+    private countryToStateFields;
+    countriesSelect: NodeListOf<HTMLSelectElement>;
+    private options;
+    constructor();
+    private translateFields;
+    private translateField;
+    private resetTranslatedFields;
+    private setStateField;
+    private setStateValues;
+    private rememberState;
+}

package/dist/translate-fields.js

@@ -0,0 +1,548 @@
+// Component to translate fields based on the country selected
+// It will also adapt the state field to the country selected
+import { ENGrid, TranslateOptionsDefaults } from ".";
+import * as cookie from "./cookie";
+export class TranslateFields {
+    constructor() {
+        this.countryToStateFields = {
+            "supporter.country": "supporter.region",
+            "transaction.shipcountry": "transaction.shipregion",
+            "supporter.billingCountry": "supporter.billingRegion",
+            "transaction.infcountry": "transaction.infreg",
+        };
+        this.countriesSelect = document.querySelectorAll('select[name="supporter.country"], select[name="transaction.shipcountry"], select[name="supporter.billingCountry"], select[name="transaction.infcountry"]');
+        let options = "EngridTranslate" in window ? window.EngridTranslate : {};
+        this.options = TranslateOptionsDefaults;
+        // Don't run this for US-only forms.
+        if (document.querySelector(".en__component--formblock.us-only-form .en__field--country")) {
+            return;
+        }
+        if (options) {
+            for (let key in options) {
+                this.options[key] = this.options[key]
+                    ? [...this.options[key], ...options[key]]
+                    : options[key];
+            }
+        }
+        //Storing these values on load so we can set them back after the translation/swap.
+        let countryAndStateValuesOnLoad = {};
+        if (this.countriesSelect) {
+            this.countriesSelect.forEach((select) => {
+                select.addEventListener("change", this.translateFields.bind(this, select.name));
+                if (select.value) {
+                    countryAndStateValuesOnLoad[select.name] = select.value;
+                }
+                const stateField = document.querySelector(`select[name="${this.countryToStateFields[select.name]}"]`);
+                if (stateField) {
+                    stateField.addEventListener("change", this.rememberState.bind(this, select.name));
+                    if (stateField.value) {
+                        countryAndStateValuesOnLoad[stateField.name] = stateField.value;
+                    }
+                }
+            });
+            this.translateFields("supporter.country");
+            //dont set these back if submission failed. EN / cookie will handle it.
+            const submissionFailed = !!(ENGrid.checkNested(window.EngagingNetworks, "require", "_defined", "enjs", "checkSubmissionFailed") &&
+                window.EngagingNetworks.require._defined.enjs.checkSubmissionFailed());
+            if (!submissionFailed) {
+                for (let field in countryAndStateValuesOnLoad) {
+                    ENGrid.setFieldValue(field, countryAndStateValuesOnLoad[field], false);
+                }
+            }
+        }
+    }
+    translateFields(countryName = "supporter.country") {
+        this.resetTranslatedFields();
+        const countryValue = ENGrid.getFieldValue(countryName);
+        // Translate the State Field
+        this.setStateField(countryValue, this.countryToStateFields[countryName]);
+        if (countryName === "supporter.country") {
+            if (countryValue in this.options) {
+                this.options[countryValue].forEach((field) => {
+                    // console.log(field);
+                    this.translateField(field.field, field.translation);
+                });
+            }
+            // Translate the "To:"
+            const recipient_block = document.querySelectorAll(".recipient-block");
+            if (!!recipient_block.length) {
+                switch (countryValue) {
+                    case "FR":
+                    case "FRA":
+                    case "France":
+                        recipient_block.forEach((elem) => (elem.innerHTML = "À:"));
+                        break;
+                    case "DE":
+                    case "DEU":
+                    case "Germany":
+                        recipient_block.forEach((elem) => (elem.innerHTML = "Zu:"));
+                        break;
+                    case "NL":
+                    case "NLD":
+                    case "Netherlands":
+                        recipient_block.forEach((elem) => (elem.innerHTML = "Aan:"));
+                        break;
+                }
+            }
+        }
+    }
+    translateField(name, translation) {
+        const field = document.querySelector(`[name="${name}"]`);
+        if (field) {
+            const fieldWrapper = field.closest(".en__field");
+            if (fieldWrapper) {
+                const fieldLabel = fieldWrapper.querySelector(".en__field__label");
+                // Check if there's the simple country select class
+                const simplecountriesSelect = fieldLabel.querySelector(".engrid-simple-country");
+                let simplecountriesSelectClone = simplecountriesSelect
+                    ? simplecountriesSelect.cloneNode(true)
+                    : null;
+                if (field instanceof HTMLInputElement && field.placeholder != "") {
+                    if (!fieldLabel || fieldLabel.innerHTML == field.placeholder) {
+                        field.dataset.original = field.placeholder;
+                        field.placeholder = translation;
+                    }
+                }
+                if (fieldLabel) {
+                    fieldLabel.dataset.original = fieldLabel.innerHTML;
+                    fieldLabel.innerHTML = translation;
+                    if (simplecountriesSelectClone) {
+                        fieldLabel.appendChild(simplecountriesSelectClone);
+                    }
+                }
+            }
+        }
+    }
+    resetTranslatedFields() {
+        const fields = document.querySelectorAll("[data-original]");
+        fields.forEach((field) => {
+            if (field instanceof HTMLInputElement && field.dataset.original) {
+                field.placeholder = field.dataset.original;
+            }
+            else {
+                // Check if there's the simple country select class
+                const simplecountriesSelect = field.querySelector(".engrid-simple-country");
+                let simplecountriesSelectClone = simplecountriesSelect
+                    ? simplecountriesSelect.cloneNode(true)
+                    : null;
+                field.innerHTML = field.dataset.original;
+                if (simplecountriesSelectClone) {
+                    field.appendChild(simplecountriesSelectClone);
+                }
+            }
+            field.removeAttribute("data-original");
+        });
+    }
+    setStateField(country, state) {
+        switch (country) {
+            case "ES":
+            case "ESP":
+            case "Spain":
+                this.setStateValues(state, "Provincia", null);
+                break;
+            case "BR":
+            case "BRA":
+            case "Brazil":
+                this.setStateValues(state, "Estado", null);
+                break;
+            case "FR":
+            case "FRA":
+            case "France":
+                this.setStateValues(state, "Région", null);
+                break;
+            case "GB":
+            case "GBR":
+            case "United Kingdom":
+                this.setStateValues(state, "State/Region", null);
+                break;
+            case "DE":
+            case "DEU":
+            case "Germany":
+                this.setStateValues(state, "Bundesland", null);
+                break;
+            case "NL":
+            case "NLD":
+            case "Netherlands":
+                this.setStateValues(state, "Provincie", null);
+                break;
+            case "AU":
+            case "AUS":
+                this.setStateValues(state, "Province / State", [
+                    { label: "Select", value: "" },
+                    { label: "New South Wales", value: "NSW" },
+                    { label: "Victoria", value: "VIC" },
+                    { label: "Queensland", value: "QLD" },
+                    { label: "South Australia", value: "SA" },
+                    { label: "Western Australia", value: "WA" },
+                    { label: "Tasmania", value: "TAS" },
+                    { label: "Northern Territory", value: "NT" },
+                    { label: "Australian Capital Territory", value: "ACT" },
+                ]);
+                break;
+            case "Australia":
+                this.setStateValues(state, "Province / State", [
+                    { label: "Select", value: "" },
+                    { label: "New South Wales", value: "New South Wales" },
+                    { label: "Victoria", value: "Victoria" },
+                    { label: "Queensland", value: "Queensland" },
+                    { label: "South Australia", value: "South Australia" },
+                    { label: "Western Australia", value: "Western Australia" },
+                    { label: "Tasmania", value: "Tasmania" },
+                    { label: "Northern Territory", value: "Northern Territory" },
+                    {
+                        label: "Australian Capital Territory",
+                        value: "Australian Capital Territory",
+                    },
+                ]);
+                break;
+            case "US":
+            case "USA":
+                this.setStateValues(state, "State", [
+                    { label: "Select State", value: "" },
+                    { label: "Alabama", value: "AL" },
+                    { label: "Alaska", value: "AK" },
+                    { label: "Arizona", value: "AZ" },
+                    { label: "Arkansas", value: "AR" },
+                    { label: "California", value: "CA" },
+                    { label: "Colorado", value: "CO" },
+                    { label: "Connecticut", value: "CT" },
+                    { label: "Delaware", value: "DE" },
+                    { label: "District of Columbia", value: "DC" },
+                    { label: "Florida", value: "FL" },
+                    { label: "Georgia", value: "GA" },
+                    { label: "Hawaii", value: "HI" },
+                    { label: "Idaho", value: "ID" },
+                    { label: "Illinois", value: "IL" },
+                    { label: "Indiana", value: "IN" },
+                    { label: "Iowa", value: "IA" },
+                    { label: "Kansas", value: "KS" },
+                    { label: "Kentucky", value: "KY" },
+                    { label: "Louisiana", value: "LA" },
+                    { label: "Maine", value: "ME" },
+                    { label: "Maryland", value: "MD" },
+                    { label: "Massachusetts", value: "MA" },
+                    { label: "Michigan", value: "MI" },
+                    { label: "Minnesota", value: "MN" },
+                    { label: "Mississippi", value: "MS" },
+                    { label: "Missouri", value: "MO" },
+                    { label: "Montana", value: "MT" },
+                    { label: "Nebraska", value: "NE" },
+                    { label: "Nevada", value: "NV" },
+                    { label: "New Hampshire", value: "NH" },
+                    { label: "New Jersey", value: "NJ" },
+                    { label: "New Mexico", value: "NM" },
+                    { label: "New York", value: "NY" },
+                    { label: "North Carolina", value: "NC" },
+                    { label: "North Dakota", value: "ND" },
+                    { label: "Ohio", value: "OH" },
+                    { label: "Oklahoma", value: "OK" },
+                    { label: "Oregon", value: "OR" },
+                    { label: "Pennsylvania", value: "PA" },
+                    { label: "Rhode Island", value: "RI" },
+                    { label: "South Carolina", value: "SC" },
+                    { label: "South Dakota", value: "SD" },
+                    { label: "Tennessee", value: "TN" },
+                    { label: "Texas", value: "TX" },
+                    { label: "Utah", value: "UT" },
+                    { label: "Vermont", value: "VT" },
+                    { label: "Virginia", value: "VA" },
+                    { label: "Washington", value: "WA" },
+                    { label: "West Virginia", value: "WV" },
+                    { label: "Wisconsin", value: "WI" },
+                    { label: "Wyoming", value: "WY" },
+                    {
+                        label: "&#9472&#9472&nbspUS&nbspTerritories&nbsp&#9472&#9472",
+                        value: "",
+                        disabled: true,
+                    },
+                    { label: "American Samoa", value: "AS" },
+                    { label: "Guam", value: "GU" },
+                    { label: "Northern Mariana Islands", value: "MP" },
+                    { label: "Puerto Rico", value: "PR" },
+                    { label: "US Minor Outlying Islands", value: "UM" },
+                    { label: "Virgin Islands", value: "VI" },
+                    {
+                        label: "&#9472&#9472&nbspArmed&nbspForces&nbsp&#9472&#9472",
+                        value: "",
+                        disabled: true,
+                    },
+                    { label: "Armed Forces Americas", value: "AA" },
+                    { label: "Armed Forces Africa", value: "AE" },
+                    { label: "Armed Forces Canada", value: "AE" },
+                    { label: "Armed Forces Europe", value: "AE" },
+                    { label: "Armed Forces Middle East", value: "AE" },
+                    { label: "Armed Forces Pacific", value: "AP" },
+                ]);
+                break;
+            case "United States":
+                this.setStateValues(state, "State", [
+                    { label: "Select State", value: "" },
+                    { label: "Alabama", value: "Alabama" },
+                    { label: "Alaska", value: "Alaska" },
+                    { label: "Arizona", value: "Arizona" },
+                    { label: "Arkansas", value: "Arkansas" },
+                    { label: "California", value: "California" },
+                    { label: "Colorado", value: "Colorado" },
+                    { label: "Connecticut", value: "Connecticut" },
+                    { label: "Delaware", value: "Delaware" },
+                    { label: "District of Columbia", value: "District of Columbia" },
+                    { label: "Florida", value: "Florida" },
+                    { label: "Georgia", value: "Georgia" },
+                    { label: "Hawaii", value: "Hawaii" },
+                    { label: "Idaho", value: "Idaho" },
+                    { label: "Illinois", value: "Illinois" },
+                    { label: "Indiana", value: "Indiana" },
+                    { label: "Iowa", value: "Iowa" },
+                    { label: "Kansas", value: "Kansas" },
+                    { label: "Kentucky", value: "Kentucky" },
+                    { label: "Louisiana", value: "Louisiana" },
+                    { label: "Maine", value: "Maine" },
+                    { label: "Maryland", value: "Maryland" },
+                    { label: "Massachusetts", value: "Massachusetts" },
+                    { label: "Michigan", value: "Michigan" },
+                    { label: "Minnesota", value: "Minnesota" },
+                    { label: "Mississippi", value: "Mississippi" },
+                    { label: "Missouri", value: "Missouri" },
+                    { label: "Montana", value: "Montana" },
+                    { label: "Nebraska", value: "Nebraska" },
+                    { label: "Nevada", value: "Nevada" },
+                    { label: "New Hampshire", value: "New Hampshire" },
+                    { label: "New Jersey", value: "New Jersey" },
+                    { label: "New Mexico", value: "New Mexico" },
+                    { label: "New York", value: "New York" },
+                    { label: "North Carolina", value: "North Carolina" },
+                    { label: "North Dakota", value: "North Dakota" },
+                    { label: "Ohio", value: "Ohio" },
+                    { label: "Oklahoma", value: "Oklahoma" },
+                    { label: "Oregon", value: "Oregon" },
+                    { label: "Pennsylvania", value: "Pennsylvania" },
+                    { label: "Rhode Island", value: "Rhode Island" },
+                    { label: "South Carolina", value: "South Carolina" },
+                    { label: "South Dakota", value: "South Dakota" },
+                    { label: "Tennessee", value: "Tennessee" },
+                    { label: "Texas", value: "Texas" },
+                    { label: "Utah", value: "Utah" },
+                    { label: "Vermont", value: "Vermont" },
+                    { label: "Virginia", value: "Virginia" },
+                    { label: "Washington", value: "Washington" },
+                    { label: "West Virginia", value: "West Virginia" },
+                    { label: "Wisconsin", value: "Wisconsin" },
+                    { label: "Wyoming", value: "Wyoming" },
+                    {
+                        label: "&#9472&#9472&nbspUS&nbspTerritories&nbsp&#9472&#9472",
+                        value: "",
+                        disabled: true,
+                    },
+                    { label: "American Samoa", value: "American Samoa" },
+                    { label: "Guam", value: "Guam" },
+                    {
+                        label: "Northern Mariana Islands",
+                        value: "Northern Mariana Islands",
+                    },
+                    { label: "Puerto Rico", value: "Puerto Rico" },
+                    {
+                        label: "US Minor Outlying Islands",
+                        value: "US Minor Outlying Islands",
+                    },
+                    { label: "Virgin Islands", value: "Virgin Islands" },
+                    {
+                        label: "&#9472&#9472&nbspArmed&nbspForces&nbsp&#9472&#9472",
+                        value: "",
+                        disabled: true,
+                    },
+                    { label: "Armed Forces Americas", value: "Armed Forces Americas" },
+                    { label: "Armed Forces Africa", value: "Armed Forces Africa" },
+                    { label: "Armed Forces Canada", value: "Armed Forces Canada" },
+                    { label: "Armed Forces Europe", value: "Armed Forces Europe" },
+                    {
+                        label: "Armed Forces Middle East",
+                        value: "Armed Forces Middle East",
+                    },
+                    { label: "Armed Forces Pacific", value: "Armed Forces Pacific" },
+                ]);
+                break;
+            case "CA":
+            case "CAN":
+                this.setStateValues(state, "Province / Territory", [
+                    { label: "Select", value: "" },
+                    { label: "Alberta", value: "AB" },
+                    { label: "British Columbia", value: "BC" },
+                    { label: "Manitoba", value: "MB" },
+                    { label: "New Brunswick", value: "NB" },
+                    { label: "Newfoundland and Labrador", value: "NL" },
+                    { label: "Northwest Territories", value: "NT" },
+                    { label: "Nova Scotia", value: "NS" },
+                    { label: "Nunavut", value: "NU" },
+                    { label: "Ontario", value: "ON" },
+                    { label: "Prince Edward Island", value: "PE" },
+                    { label: "Quebec", value: "QC" },
+                    { label: "Saskatchewan", value: "SK" },
+                    { label: "Yukon", value: "YT" },
+                ]);
+                break;
+            case "Canada":
+                this.setStateValues(state, "Province / Territory", [
+                    { label: "Select", value: "" },
+                    { label: "Alberta", value: "Alberta" },
+                    { label: "British Columbia", value: "British Columbia" },
+                    { label: "Manitoba", value: "Manitoba" },
+                    { label: "New Brunswick", value: "New Brunswick" },
+                    {
+                        label: "Newfoundland and Labrador",
+                        value: "Newfoundland and Labrador",
+                    },
+                    { label: "Northwest Territories", value: "Northwest Territories" },
+                    { label: "Nova Scotia", value: "Nova Scotia" },
+                    { label: "Nunavut", value: "Nunavut" },
+                    { label: "Ontario", value: "Ontario" },
+                    { label: "Prince Edward Island", value: "Prince Edward Island" },
+                    { label: "Quebec", value: "Quebec" },
+                    { label: "Saskatchewan", value: "Saskatchewan" },
+                    { label: "Yukon", value: "Yukon" },
+                ]);
+                break;
+            case "MX":
+            case "MEX":
+                this.setStateValues(state, "Estado", [
+                    { label: "Seleccione Estado", value: "" },
+                    { label: "Aguascalientes", value: "AGU" },
+                    { label: "Baja California", value: "BCN" },
+                    { label: "Baja California Sur", value: "BCS" },
+                    { label: "Campeche", value: "CAM" },
+                    { label: "Chiapas", value: "CHP" },
+                    { label: "Ciudad de Mexico", value: "CMX" },
+                    { label: "Chihuahua", value: "CHH" },
+                    { label: "Coahuila", value: "COA" },
+                    { label: "Colima", value: "COL" },
+                    { label: "Durango", value: "DUR" },
+                    { label: "Guanajuato", value: "GUA" },
+                    { label: "Guerrero", value: "GRO" },
+                    { label: "Hidalgo", value: "HID" },
+                    { label: "Jalisco", value: "JAL" },
+                    { label: "Michoacan", value: "MIC" },
+                    { label: "Morelos", value: "MOR" },
+                    { label: "Nayarit", value: "NAY" },
+                    { label: "Nuevo Leon", value: "NLE" },
+                    { label: "Oaxaca", value: "OAX" },
+                    { label: "Puebla", value: "PUE" },
+                    { label: "Queretaro", value: "QUE" },
+                    { label: "Quintana Roo", value: "ROO" },
+                    { label: "San Luis Potosi", value: "SLP" },
+                    { label: "Sinaloa", value: "SIN" },
+                    { label: "Sonora", value: "SON" },
+                    { label: "Tabasco", value: "TAB" },
+                    { label: "Tamaulipas", value: "TAM" },
+                    { label: "Tlaxcala", value: "TLA" },
+                    { label: "Veracruz", value: "VER" },
+                    { label: "Yucatan", value: "YUC" },
+                    { label: "Zacatecas", value: "ZAC" },
+                ]);
+                break;
+            case "Mexico":
+                this.setStateValues(state, "Estado", [
+                    { label: "Seleccione Estado", value: "" },
+                    { label: "Aguascalientes", value: "Aguascalientes" },
+                    { label: "Baja California", value: "Baja California" },
+                    { label: "Baja California Sur", value: "Baja California Sur" },
+                    { label: "Campeche", value: "Campeche" },
+                    { label: "Chiapas", value: "Chiapas" },
+                    { label: "Ciudad de Mexico", value: "Ciudad de Mexico" },
+                    { label: "Chihuahua", value: "Chihuahua" },
+                    { label: "Coahuila", value: "Coahuila" },
+                    { label: "Colima", value: "Colima" },
+                    { label: "Durango", value: "Durango" },
+                    { label: "Guanajuato", value: "Guanajuato" },
+                    { label: "Guerrero", value: "Guerrero" },
+                    { label: "Hidalgo", value: "Hidalgo" },
+                    { label: "Jalisco", value: "Jalisco" },
+                    { label: "Michoacan", value: "Michoacan" },
+                    { label: "Morelos", value: "Morelos" },
+                    { label: "Nayarit", value: "Nayarit" },
+                    { label: "Nuevo Leon", value: "Nuevo Leon" },
+                    { label: "Oaxaca", value: "Oaxaca" },
+                    { label: "Puebla", value: "Puebla" },
+                    { label: "Queretaro", value: "Queretaro" },
+                    { label: "Quintana Roo", value: "Quintana Roo" },
+                    { label: "San Luis Potosi", value: "San Luis Potosi" },
+                    { label: "Sinaloa", value: "Sinaloa" },
+                    { label: "Sonora", value: "Sonora" },
+                    { label: "Tabasco", value: "Tabasco" },
+                    { label: "Tamaulipas", value: "Tamaulipas" },
+                    { label: "Tlaxcala", value: "Tlaxcala" },
+                    { label: "Veracruz", value: "Veracruz" },
+                    { label: "Yucatan", value: "Yucatan" },
+                    { label: "Zacatecas", value: "Zacatecas" },
+                ]);
+                break;
+            default:
+                this.setStateValues(state, "Province / State", null);
+                break;
+        }
+    }
+    setStateValues(state, label, values) {
+        const stateField = ENGrid.getField(state);
+        const stateWrapper = stateField ? stateField.closest(".en__field") : null;
+        if (stateWrapper) {
+            const stateLabel = stateWrapper.querySelector(".en__field__label");
+            const elementWrapper = stateWrapper.querySelector(".en__field__element");
+            if (stateLabel) {
+                stateLabel.innerHTML = label;
+            }
+            if (elementWrapper) {
+                const selectedState = cookie.get(`engrid-state-${state}`);
+                if (values === null || values === void 0 ? void 0 : values.length) {
+                    const select = document.createElement("select");
+                    select.name = state;
+                    select.id = "en__field_" + state.toLowerCase().replace(".", "_");
+                    select.classList.add("en__field__input");
+                    select.classList.add("en__field__input--select");
+                    select.autocomplete = "address-level1";
+                    let valueSelected = false;
+                    values.forEach((value) => {
+                        const option = document.createElement("option");
+                        option.value = value.value;
+                        option.innerHTML = value.label;
+                        if (selectedState === value.value && !valueSelected) {
+                            option.selected = true;
+                            valueSelected = true;
+                        }
+                        if (value.disabled) {
+                            option.disabled = true;
+                        }
+                        select.appendChild(option);
+                    });
+                    elementWrapper.innerHTML = "";
+                    elementWrapper.appendChild(select);
+                    select.addEventListener("change", this.rememberState.bind(this, state));
+                    select.dispatchEvent(new Event("change", { bubbles: true }));
+                }
+                else {
+                    elementWrapper.innerHTML = "";
+                    const input = document.createElement("input");
+                    input.type = "text";
+                    input.name = state;
+                    input.placeholder = label;
+                    input.id = "en__field_" + state.toLowerCase().replace(".", "_");
+                    input.classList.add("en__field__input");
+                    input.classList.add("en__field__input--text");
+                    input.autocomplete = "address-level1";
+                    if (selectedState) {
+                        input.value = selectedState;
+                    }
+                    elementWrapper.appendChild(input);
+                    input.addEventListener("change", this.rememberState.bind(this, state));
+                }
+            }
+        }
+    }
+    rememberState(state) {
+        const stateField = ENGrid.getField(state);
+        if (stateField) {
+            cookie.set(`engrid-state-${stateField.name}`, stateField.value, {
+                expires: 1,
+                sameSite: "none",
+                secure: true,
+            });
+        }
+    }
+}

package/dist/universal-opt-in.d.ts

@@ -0,0 +1,7 @@
+export declare class UniversalOptIn {
+    private logger;
+    private _elements;
+    constructor();
+    shouldRun(): boolean;
+    addEventListeners(): void;
+}

package/dist/universal-opt-in.js

@@ -0,0 +1,91 @@
+/**
+ * This class will add event listeners to every yes/no radio button or checkbox
+ * inside a universal opt-in element (any form block with the CSS class universal-opt-in). When the user clicks on a radio/checkbox
+ * button, we will search for every other radio/checkbox button inside the same
+ * universal opt-in element and mirror the user's selection.
+ * If instead of universal-opt-in you use universal-opt-in_null, the class will
+ * not mirror the user's selection when a radio "No" option is selected. Instead,
+ * it will unset all other radio buttons.
+ */
+import { EngridLogger, ENGrid } from ".";
+export class UniversalOptIn {
+    constructor() {
+        this.logger = new EngridLogger("UniversalOptIn", "#f0f0f0", "#d2691e", "🪞");
+        this._elements = document.querySelectorAll(".universal-opt-in, .universal-opt-in_null");
+        if (!this.shouldRun())
+            return;
+        this.addEventListeners();
+    }
+    shouldRun() {
+        if (this._elements.length === 0) {
+            this.logger.log("No universal opt-in elements found. Skipping.");
+            return false;
+        }
+        this.logger.log(`Found ${this._elements.length} universal opt-in elements.`);
+        return true;
+    }
+    addEventListeners() {
+        this._elements.forEach((element) => {
+            const yesNoElements = element.querySelectorAll(".en__field__input--radio, .en__field__input--checkbox");
+            if (yesNoElements.length > 0) {
+                yesNoElements.forEach((yesNoElement) => {
+                    yesNoElement.addEventListener("click", () => {
+                        if (yesNoElement instanceof HTMLInputElement &&
+                            yesNoElement.getAttribute("type") === "checkbox") {
+                            const yesNoValue = yesNoElement.checked;
+                            if (yesNoValue) {
+                                this.logger.log("Yes/No " + yesNoElement.getAttribute("type") + " is checked");
+                                yesNoElements.forEach((yesNoElement2) => {
+                                    if (yesNoElement === yesNoElement2)
+                                        return;
+                                    if (yesNoElement2 instanceof HTMLInputElement &&
+                                        yesNoElement2.getAttribute("type") === "checkbox")
+                                        yesNoElement2.checked = true;
+                                });
+                            }
+                            else {
+                                this.logger.log("Yes/No " +
+                                    yesNoElement.getAttribute("type") +
+                                    " is unchecked");
+                                yesNoElements.forEach((yesNoElement2) => {
+                                    if (yesNoElement === yesNoElement2)
+                                        return;
+                                    if (yesNoElement2 instanceof HTMLInputElement &&
+                                        yesNoElement2.getAttribute("type") === "checkbox")
+                                        yesNoElement2.checked = false;
+                                });
+                            }
+                            return;
+                        }
+                        const yesNoValue = yesNoElement.getAttribute("value");
+                        if (yesNoValue === "Y") {
+                            this.logger.log("Yes/No " + yesNoElement.getAttribute("type") + " is checked");
+                            yesNoElements.forEach((yesNoElement2) => {
+                                const fieldName = yesNoElement2.getAttribute("name");
+                                const clickedFieldName = yesNoElement.getAttribute("name");
+                                if (!fieldName || fieldName === clickedFieldName)
+                                    return;
+                                ENGrid.setFieldValue(fieldName, "Y");
+                            });
+                        }
+                        else {
+                            this.logger.log("Yes/No " + yesNoElement.getAttribute("type") + " is unchecked");
+                            yesNoElements.forEach((yesNoElement2) => {
+                                const fieldName = yesNoElement2.getAttribute("name");
+                                const clickedFieldName = yesNoElement.getAttribute("name");
+                                if (!fieldName || fieldName === clickedFieldName)
+                                    return;
+                                if (element.classList.contains("universal-opt-in")) {
+                                    ENGrid.setFieldValue(fieldName, "N");
+                                }
+                                else {
+                                    yesNoElement2.checked = false;
+                                }
+                            });
+                        }
+                    });
+                });
+            }
+        });
+    }
+}