fix(dynamic-forms.js): Don't remove name attribute from form inputs a…

…fter processing (#14244)

* fix(dynamic-forms.js): Don't remove name attriubute from form inputs after processing

* fix(/landscape/pricing#get-in-touch): Use appropriate js CSS references

* chore(intl-tel-input): Update flag assets & bump version to 24.3.5

package.json

@@ -106,7 +106,7 @@
     "flickity": "^3.0.0",
     "formik": "2.4.6",
     "globals": "^15.8.0",
-    "intl-tel-input": "24.3.4",
+    "intl-tel-input": "24.3.5",
     "postcss": "8.4.40",
     "postcss-cli": "11.0.0",
     "prop-types": "15.8.1",

static/js/src/dynamic-forms.js

@@ -246,23 +246,13 @@ import { prepareInputFields } from "./prepare-form-inputs.js";
               path: window.location.pathname,
             });
           } else {
-            var valid = true;
-
-            if (button.classList.contains("js-validate-form")) {
-              var form = button.closest("form");
-
-              valid = validateForm(form);
-            }
-
-            if (valid) {
-              index = index + 1;
-              setState(index);
-              dataLayer.push({
-                event: "interactive-forms",
-                action: "goto:" + index,
-                path: window.location.pathname,
-              });
-            }
+            index = index + 1;
+            setState(index);
+            dataLayer.push({
+              event: "interactive-forms",
+              action: "goto:" + index,
+              path: window.location.pathname,
+            });
           }
         });
       });
@@ -283,49 +273,6 @@ import { prepareInputFields } from "./prepare-form-inputs.js";
         });
       });
 
-      // Checks additional required fields to see whether a value has been set
-      function validateForm(form) {
-        var fields = form.querySelectorAll("[required]");
-        var validStates = [];
-
-        fields.forEach((field) => {
-          var fieldName = field.getAttribute("name");
-          var inputs = form.querySelectorAll(`[name="${fieldName}"]`);
-          var validationMessage = document.querySelector(
-            `.js-validation-${fieldName}`,
-          );
-          var inputValid = false;
-
-          inputs.forEach((input) => {
-            if (input.type === "checkbox" && input.checked) {
-              inputValid = true;
-            }
-
-            if (input.type === "radio" && input.checked) {
-              inputValid = true;
-            }
-
-            if (input.type === "text" && input.value) {
-              inputValid = true;
-            }
-
-            if (input.type === "textarea" && input.value) {
-              inputValid = true;
-            }
-          });
-
-          if (!inputValid) {
-            validationMessage.classList.remove("u-hide");
-          } else {
-            validationMessage.classList.add("u-hide");
-          }
-
-          validStates.push(inputValid);
-        });
-
-        return !validStates.includes(false);
-      }
-
       // Updates the index and renders the changes
       function setState(index) {
         contactIndex = index;
@@ -385,8 +332,8 @@ import { prepareInputFields } from "./prepare-form-inputs.js";
               message += fieldTitle.innerText + "\r\n";
             }
 
+            // Loop through each input and add to Comments_from_lead__c
             inputs.forEach(function (input) {
-              var removeInputName = true;
               switch (input.type) {
                 case "radio":
                   if (input.checked) {
@@ -398,8 +345,6 @@ import { prepareInputFields } from "./prepare-form-inputs.js";
                     if (fieldsetForm) {
                       message += input.value + comma + " ";
                     } else {
-                      // Forms that have column separation
-                      removeInputName = false;
                       var subSectionText = "";
                       if (
                         input.closest('[class*="col-"]') &&
@@ -434,10 +379,6 @@ import { prepareInputFields } from "./prepare-form-inputs.js";
                   }
                   break;
               }
-              // Remove name attribute to submit to Marketo
-              if (submit && removeInputName) {
-                input.removeAttribute("name");
-              }
             });
             message += "\r\n\r\n";
           });

static/sass/styles.scss

@@ -192,12 +192,12 @@ $color-shadow: rgba(0, 0, 0, 0.5) !default;
 
 // Overide the path to flags for dial codes
 .iti__flag {
-  background-image: url("#{$assets-path}b451b4db-flags.png");
+  background-image: url("#{$assets-path}685bc1a3-flags.png");
 }
 
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   .iti__flag {
-    background-image: url("#{$assets-path}5bb5145d[email protected]");
+    background-image: url("#{$assets-path}01807c27[email protected]");
   }
 }