var mpCurrentScriptmpFrm00c16900f51d47b7bc47d33a19010f3dContainer = document.currentScript.parentNode; (function () { var containerDiv = document.createElement('div'); containerDiv.id = "mpFrm00c16900f51d47b7bc47d33a19010f3d"; containerDiv.classList.add("mpForm"); containerDiv.setAttribute("data-mpid", "21675"); if (window.self !== window.top) { if (document.currentScript?.parentNode?.nodeName?.toLowerCase() === 'head') { if (document.body) { document.body.appendChild(containerDiv); } else { document.addEventListener('DOMContentLoaded', () => { document.body.appendChild(containerDiv); }); } } else { document.currentScript.parentNode.insertBefore(containerDiv, document.currentScript); } mpFormmpFrm00c16900f51d47b7bc47d33a19010f3dFind(); } else if(document.currentScript && document.currentScript.parentNode && document.currentScript.parentNode.nodeName && document.currentScript.parentNode.nodeName.toLowerCase() === "head") { document.addEventListener("DOMContentLoaded", (event) => { var bodyHolder = document.getElementsByTagName("body"); if (bodyHolder && bodyHolder[0]) { bodyHolder[0].appendChild(containerDiv); } }) } else { document.currentScript.parentNode.insertBefore(containerDiv, document.currentScript); mpFormmpFrm00c16900f51d47b7bc47d33a19010f3dFind(); } })(); function mpFormmpFrm00c16900f51d47b7bc47d33a19010f3dFind() { if(!mpCurrentScriptmpFrm00c16900f51d47b7bc47d33a19010f3dContainer) return; if (mpCurrentScriptmpFrm00c16900f51d47b7bc47d33a19010f3dContainer && mpCurrentScriptmpFrm00c16900f51d47b7bc47d33a19010f3dContainer.nodeName && mpCurrentScriptmpFrm00c16900f51d47b7bc47d33a19010f3dContainer.nodeName.toLowerCase() === "head") { var mpFind = document.querySelectorAll("[data-mpid='21675']"); if (mpFind.length && !mpFind[0].innerHTML) { mpFind[0].id = "mpFrm00c16900f51d47b7bc47d33a19010f3d" } } else { var mpFound = false; Array.from(mpCurrentScriptmpFrm00c16900f51d47b7bc47d33a19010f3dContainer.children).forEach(c => { if (c.id === "mpFrm00c16900f51d47b7bc47d33a19010f3d") mpFound = true; }) if (!mpFound) { var mpOthers = Array.from(mpCurrentScriptmpFrm00c16900f51d47b7bc47d33a19010f3dContainer.children).filter(e => e.dataset && e.dataset.mpid === "21675"); if (mpOthers.length === 1) { mpOthers[0].id = "mpFrm00c16900f51d47b7bc47d33a19010f3d"; } } } } function mpForm14c17bf16ec043e59045a0e66d5eff45Check() { let checkBoxes = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").querySelectorAll('input[type="checkbox"]'); if(checkBoxes) { for(var i = 0; i < checkBoxes.length; i++) { let checkBox = checkBoxes[i]; var attr = checkBox.getAttribute('data-prevval'); if (typeof attr !== typeof undefined && attr !== false) { checkBox.value = checkBox.getAttribute("data-prevval"); checkBox.removeAttribute("data-prevval"); checkBox.removeAttribute("checked"); } } } } function mpForm14c17bf16ec043e59045a0e66d5eff45Submit(event) { event.preventDefault(); let msgHlder = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").querySelector('[id=mpmessageholder]'); let mpMsg = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").querySelector('[id=mpmessage]'); let checkBoxes = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").querySelectorAll('input[type="checkbox"]'); if(checkBoxes) { for(var i = 0; i < checkBoxes.length; i++) { let checkBox = checkBoxes[i]; if( checkBox.checked == true ) { if(checkBox.getAttribute('data-prevval')) { checkBox.value = checkBox.getAttribute('data-prevval'); } else { checkBox.value = 1; } } else { checkBox.setAttribute('data-prevval',checkBox.value); checkBox.value = 0; } } } let form_data = Array.from( new FormData(document.getElementById('mpform-14c17bf16ec043e59045a0e66d5eff45')), function(e) { return { name: e[0], value: e[1] } } ) try { for(var i = 0; i < checkBoxes.length; i++) { let checkBox = checkBoxes[i]; let found = form_data.find(f=>f.name == checkBox.name) if(!found) { form_data.push({name: checkBox.name, value: checkBox.checked ? checkBox.value : "0"}) } } } catch(err){} try { form_data.push({ name: "mpTrkH", value: document.location.host }) form_data.push({ name: "mpTrkO", value: document.location.origin }) form_data.push({ name: "mpTrkP", value: document.location.pathname }) form_data.push({ name: "mpTrkQ", value: document.location.search }) form_data.push({ name: "mpTrkUUID", value: getTrackingId14c17bf16ec043e59045a0e66d5eff45() }) } catch(err){} //check valid telnos var failed = ""; if(msgHlder) { msgHlder.style.display = "none"; } let telInputs = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").querySelectorAll('input[type=TELNO]'); if(telInputs) { for(var i = 0; i < telInputs.length; i++) { let telInput = telInputs[i]; var iti = window.intlTelInputGlobals.getInstance(telInput); telInput.classList.remove("mpm-field-error"); if(iti.isValidNumber() == false && telInput.value && telInput.value.length) { telInput.classList.add("mpm-field-error"); failed = "Please enter a valid telephone number"; } else { let found = form_data.find(f=> f.name == telInput.name); if (found) { found.value = iti.getNumber(); // intenationally formatted version of the number } } } } if(failed != "") { mpMsg.innerHTML = failed; msgHlder.style.display = "block"; return; } let button = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").querySelector('button'); if(button) { button.disabled = true; button.opacity = "0.5"; } mpMsg.innerHTML = 'Sending your details...'; var xhr = new XMLHttpRequest(); xhr.open("POST", "https://api.transpond.io/form?am=33323&fid=21675", true); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { mpForm14c17bf16ec043e59045a0e66d5eff45Check(); button.disabled = false; button.style.opacity = "1"; mpMsg.innerHTML = ""; msgHlder.style.display = "block"; let response = JSON.parse(xhr.responseText); if (!response || (!response.download && !response.downloads)) { try { document.getElementById('mpform-14c17bf16ec043e59045a0e66d5eff45').reset(); } catch(e) {} } if(response) { if (response.redirect) { window.location.href = response.redirect; } else if (response.message) { if (response.download) window.open(response.download, '_blank'); if (response.downloads && response.downloads.length) { const parent = button.parentElement; response.downloads.forEach(link => { const hiddenButton = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").querySelector("a[href='" + link.replace + "']"); if (hiddenButton) { hiddenButton.href = link.link; hiddenButton.closest('[data-type="FORMFILE"]').style.display = 'flex'; } }); parent.style.display = "none"; } if(response.hideForm){ let mpMsgParent = msgHlder.parentElement; if(mpMsgParent && msgHlder){ mpMsg.innerHTML = response.message; mpMsgParent.innerHTML = msgHlder.innerHTML; } } else { mpMsg.innerHTML = response.message; } } else if (response.replace) { document.getElementById('mpform-14c17bf16ec043e59045a0e66d5eff45').innerHTML = response.form } } } else { mpForm14c17bf16ec043e59045a0e66d5eff45Check(); button.disabled = false; button.style.opacity = "1"; mpMsg.innerHTML = ""; msgHlder.style.display = "block"; var error = "Error submitting form"; if (xhr.responseText) { const errorJson = JSON.parse(xhr.responseText); if(errorJson.error && typeof errorJson.error === 'string') { error = errorJson.error; } } mpMsg.innerHTML = error; } }; let urlEncodedDataPairs = []; form_data.forEach((m, i) => { let name = m.name; if (name === 'capsule_note') { name += '_' + i; } urlEncodedDataPairs.push(encodeURIComponent(name)+ "=" + encodeURIComponent(m.value)); }); const urlEncodedData = urlEncodedDataPairs.join('&').replace(/%20/g, '+'); xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); xhr.send(urlEncodedData); return; } function getTrackingId14c17bf16ec043e59045a0e66d5eff45() { try { let uuid = document.cookie.match('(^|;)\s*mpz\s*=\s*([^;]+)')?.pop() || ''; if(!uuid) { let found = document.cookie.split(';').find(c => c.indexOf('mpz=') > -1); if (found) uuid = found.split('=')[1]; } return uuid; } catch(e) { } }; function mpmFormInit14c17bf16ec043e59045a0e66d5eff45 () { var subscriberData = undefined; var form = '

Example Tech Packs

We\'ve put together an example tech pack so you can see what the specs look like when filled in.

You will also be joining us for the Tech Pack Tuesdays weekly newsletter. We respect your privacy & you can unsubscribe at any time. No spam, we promise!

'; let failedCount = 0 function finishedLoading14c17bf16ec043e59045a0e66d5eff45() { window.mpFormLoading = false; let container = document.getElementById('mpFrm00c16900f51d47b7bc47d33a19010f3d'); if (!container) { mpFormmpFrm00c16900f51d47b7bc47d33a19010f3dFind(); failedCount++; if(failedCount > 10) return console.log('Form failed too many times mpFrm00c16900f51d47b7bc47d33a19010f3d'); return setTimeout(finishedLoading14c17bf16ec043e59045a0e66d5eff45, 300) } container.innerHTML = form; let containerChildren = container.childNodes; let msgHlder = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").querySelector('[id=mpmessageholder]'); if(msgHlder) { msgHlder.style.display = "none" } let telInputs = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").querySelectorAll('input[type=TELNO]'); if(telInputs) { let telInputCSSOver = ""; for(var i = 0; i < telInputs.length; i++) { let telInp = telInputs[i]; telInp.style.width = "100%"; telInp.style.paddingLeft = "50px"; window.intlTelInput(telInp, { initialCountry: "us", utilsScript: "https://cdn1.ourmailsender.com/scripts/telinput/utils.js", customContainer: "mpm-tel-input-container-14c17bf16ec043e59045a0e66d5eff45-" + i } ); let tmpMargin = ""; if(telInp.style.margin) { tmpMargin = telInp.style.margin; telInputCSSOver += ".mpm-tel-input-container-14c17bf16ec043e59045a0e66d5eff45-" + i + " { margin: " + tmpMargin + " } " } } if(telInputCSSOver) { let style = document.createElement("style"); style.innerHTML = telInputCSSOver; document.getElementsByTagName("head")[0].appendChild(style); } } if(subscriberData) { let customFields = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").querySelectorAll('input[name*="customField-"]') if(customFields) { for(var i = 0; i < customFields.length; i++) { let customField = customFields[i]; var cfID = customField.name; if(cfID) { cfID = cfID.split("-")[1]; let newValue = ""; if(subscriberData.customFields[cfID]) newValue = subscriberData.customFields[cfID]; customField.value = newValue } } } let customFieldsTextArea = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").querySelectorAll('textarea[name*="customField-"]') if(customFieldsTextArea) { for(var i = 0; i < customFieldsTextArea.length; i++) { let customField = customFieldsTextArea[i]; var cfID = customField.name; if(cfID) { cfID = cfID.split("-")[1]; let newValue = ""; if(subscriberData.customFields[cfID]) newValue = subscriberData.customFields[cfID]; customField.value = newValue; } } } let emailAddressFields = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").querySelectorAll('input[name$="emailAddress"]') if(emailAddressFields) { for(var i = 0; i < emailAddressFields.length; i++) { let emailAddressField = emailAddressFields[i]; emailAddressField.value = subscriberData.emailAddress; } } } } function mpmPopup14c17bf16ec043e59045a0e66d5eff45() { let popups = document.getElementById("mpform-14c17bf16ec043e59045a0e66d5eff45").getElementsByClassName("mpm-popup"); if(popups) { for(var i = 0; i < popups.length; i++) { let popup = popups[i]; popup.classList.toggle("show"); } } } function mploadTelInput14c17bf16ec043e59045a0e66d5eff45() { if(!window.intlTelInput) { var script = document.createElement("SCRIPT"); script.src = 'https://cdn1.ourmailsender.com/scripts/telinput/intlTelInput.min.js'; script.type = 'text/javascript'; script.onload = function () { finishedLoading14c17bf16ec043e59045a0e66d5eff45(); }; document.getElementsByTagName("head")[0].appendChild(script); } else { finishedLoading14c17bf16ec043e59045a0e66d5eff45(); } } var link = document.createElement("link"); link.href = "https://api.transpond.io/public/css/form.css"; link.type = "text/css"; link.rel = "stylesheet"; document.getElementsByTagName("head")[0].appendChild(link); var mTelI = document.createElement("link"); mTelI.href = "https://cdn1.ourmailsender.com/scripts/telinput/intlTelInput.min.css"; mTelI.type = "text/css"; mTelI.rel = "stylesheet"; document.getElementsByTagName("head")[0].appendChild(mTelI); mploadTelInput14c17bf16ec043e59045a0e66d5eff45(); } if(!window.mpFormLoading){ window.mpFormLoading = true; mpmFormInit14c17bf16ec043e59045a0e66d5eff45(); } else { function waitForOtherFormsmpFrm00c16900f51d47b7bc47d33a19010f3d() { if(window.mpFormLoading == false) { console.log("Form Loaded"); mpmFormInit14c17bf16ec043e59045a0e66d5eff45(); } else { setTimeout(waitForOtherFormsmpFrm00c16900f51d47b7bc47d33a19010f3d,300); } } waitForOtherFormsmpFrm00c16900f51d47b7bc47d33a19010f3d(); }