added styling

blocks/forms/formHelper.js

@@ -152,7 +152,7 @@
   if (qdcCall && qdcCall.checked) {
     qdc = 'Call';
   } else {
-    qdc = hubspotForm.querySelector('input[name="requested_qdc_discussion__c"]').value || ''; // test case
+    qdc = hubspotForm.querySelector('input[name="requested_qdc_discussion__c"]').value || '';
   }
   if (qdc === '') {
     qdc = formConfig.qdc || '';
@@ -229,15 +229,15 @@
     }
   };
 
   console.log(qdc);
   console.log(returnURL);
   const allowedValues = ['Call', 'Demo', 'Quote'];
   if (allowedValues.includes(qdc)) {
-    form.submit();
+    // form.submit();
     console.log('FORM SUBMITTED');
   } else if (returnURL && returnURL !== 'null') {
-    setTimeout(() => { window.top.location.href = returnURL; }, 200);
+    // setTimeout(() => { window.top.location.href = returnURL; }, 200);
     console.log('ELSE');
   }
 }
 

blocks/forms/forms.js

@@ -28,17 +28,17 @@ export function createHubSpotForm(formConfig, target, type = '') {
             // get-in-tough/contact form
             if (type === 'get-in-touch') {
               GLOBAL_CMP = formConfig.cmp;
-              // const cmpInput = form.querySelector("input[name='cmp']");
+              const cmpInput = form.querySelector("input[name='cmp']");
               const requestedQDCDiscussion = form.querySelector('input[name="requested_qdc_discussion__c"]');
 
               requestedQDCDiscussion.value = '';
               form.querySelector("select[name='get_in_touch_interests']").addEventListener('change', (evt) => {
                 if (evt.target.value === 'Sales' || evt.target.value === 'Tech support') {
                   requestedQDCDiscussion.value = 'Call';
-                  // cmpInput.value = GLOBAL_CMP;
+                  cmpInput.value = GLOBAL_CMP;
                 } else {
                   requestedQDCDiscussion.value = '';
-                  // cmpInput.value = '';
+                  cmpInput.value = '';
                 }
               });
             }

blocks/get-in-touch/get-in-touch.css

@@ -67,10 +67,56 @@
   line-height: 25px;
 }
 
-.get-in-touch > div > div a {
+.get-in-touch > div > div:last-child a {
   color: inherit;
 }
 
+/* contact form */
+.get-in-touch .show-label .hs-form .form-columns-0,
+.get-in-touch .show-label .hs-form .form-columns-1,
+.get-in-touch .show-label .hs-form .form-columns-2 {
+  width: 100%;
+  max-width: 100%;
+}
+
+.get-in-touch .show-label .hs-form .hs-submit .actions {
+  max-width: 100%;
+  margin-top: 20px;
+}
+
+.get-in-touch .show-label .hs-form .hs-form-field label:not(.hs-error-msg) {
+  color: #34393d;
+  display: block;
+  font-size: 16px;
+  letter-spacing: 0.5px;
+  margin: 5px 0 3px;
+  text-transform: uppercase;
+  font-weight: normal;
+}
+
+.get-in-touch .show-label .hs-form .hs-error-msgs.inputs-list,
+.get-in-touch .show-label .hs-form .hs-form-field label.hs-error-msg {
+  margin-top: 10px;
+}
+
+
+.get-in-touch .show-label .hs-form .privacy {
+  color: #666;
+}
+
+.get-in-touch .show-label .hs-form .hs-form-field .hs-input {
+  background: #f0f1f2;
+  height: 40px;
+  padding: 4px 3px 3px 5px;
+  box-shadow: none;
+  border: none;
+  font: inherit;
+}
+
+.get-in-touch .show-label .hs-form .hs-form-field .hs-input.hs-fieldtype-textarea {
+  height: 70px;
+}
+
 @media only screen and (min-width: 992px) {
   .get-in-touch > div > div {
     flex-basis: 50%;

blocks/get-in-touch/get-in-touch.js

@@ -1,12 +1,12 @@
 import { div } from '../../scripts/dom-helpers.js';
 import ffetch from '../../scripts/ffetch.js';
-// import { getCookie } from '../../scripts/scripts.js';
+import { getCookie } from '../../scripts/scripts.js';
 import { getFormId } from '../forms/formHelper.js';
 import { createHubSpotForm, loadHubSpotScript } from '../forms/forms.js';
 
 // const CONTACT_CMP_ID = getCookie('cmp') || new URLSearchParams(window.location.search).get('cmp')
 //  || '701Rn00000S2zk6IAB';
-const CONTACT_CMP_ID = '701Rn00000OJ0zYIAT';
+const CONTACT_CMP_ID = getCookie('cmp') || new URLSearchParams(window.location.search).get('cmp') || '701Rn00000OJ0zYIAT';
 const formType = 'get-in-touch';
 const pathName = window.location.origin + window.location.pathname;
 let REGION = new URLSearchParams(window.location.search).get('region');
@@ -46,7 +46,7 @@ function createForm(block) {
   const hubspotIframeWrapper = div(
     { class: 'hubspot-form-wrapper' },
     div({
-      class: 'hubspot-form show-label',
+      class: 'show-label',
       id: contactFormID,
     }));