var mpCurrentScriptmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532Container = document.currentScript.parentNode; (function () { var containerDiv = document.createElement('div'); containerDiv.id = "mpFrmd4d80f5945ce4ea2a20ce1c92a5d2532"; 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); } mpFormmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532Find(); } 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); mpFormmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532Find(); } })(); function mpFormmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532Find() { if(!mpCurrentScriptmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532Container) return; if (mpCurrentScriptmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532Container && mpCurrentScriptmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532Container.nodeName && mpCurrentScriptmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532Container.nodeName.toLowerCase() === "head") { var mpFind = document.querySelectorAll("[data-mpid='21675']"); if (mpFind.length && !mpFind[0].innerHTML) { mpFind[0].id = "mpFrmd4d80f5945ce4ea2a20ce1c92a5d2532" } } else { var mpFound = false; Array.from(mpCurrentScriptmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532Container.children).forEach(c => { if (c.id === "mpFrmd4d80f5945ce4ea2a20ce1c92a5d2532") mpFound = true; }) if (!mpFound) { var mpOthers = Array.from(mpCurrentScriptmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532Container.children).filter(e => e.dataset && e.dataset.mpid === "21675"); if (mpOthers.length === 1) { mpOthers[0].id = "mpFrmd4d80f5945ce4ea2a20ce1c92a5d2532"; } } } } function mpForm26aa91c1762242b3848d31aed62e50d2Check() { let checkBoxes = document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2").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 mpForm26aa91c1762242b3848d31aed62e50d2Submit(event) { event.preventDefault(); let msgHlder = document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2").querySelector('[id=mpmessageholder]'); let mpMsg = document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2").querySelector('[id=mpmessage]'); let checkBoxes = document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2").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-26aa91c1762242b3848d31aed62e50d2')), 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: getTrackingId26aa91c1762242b3848d31aed62e50d2() }) } catch(err){} //check valid telnos var failed = ""; if(msgHlder) { msgHlder.style.display = "none"; } let telInputs = document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2").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-26aa91c1762242b3848d31aed62e50d2").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) { mpForm26aa91c1762242b3848d31aed62e50d2Check(); 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-26aa91c1762242b3848d31aed62e50d2').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-26aa91c1762242b3848d31aed62e50d2").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-26aa91c1762242b3848d31aed62e50d2').innerHTML = response.form } } } else { mpForm26aa91c1762242b3848d31aed62e50d2Check(); 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 getTrackingId26aa91c1762242b3848d31aed62e50d2() { 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 mpmFormInit26aa91c1762242b3848d31aed62e50d2 () { 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 mpmEnsureMultiSelectStyles26aa91c1762242b3848d31aed62e50d2() { if (document.getElementById('mpm-ms-styles')) return; var style = document.createElement('style'); style.id = 'mpm-ms-styles'; style.innerHTML = [ '.mpm-ms{position:relative;width:100%;box-sizing:border-box;}', '.mpm-ms-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important;}', '.mpm-ms-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;cursor:pointer;text-align:left;appearance:none;-webkit-appearance:none;background-image:none;}', '.mpm-ms-trigger-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}', '.mpm-ms-trigger-chevron{flex:0 0 auto;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;opacity:0.7;}', '.mpm-ms.open .mpm-ms-trigger-chevron{transform:rotate(180deg);}', '.mpm-ms-panel{display:none;position:absolute;left:0;right:0;top:100%;z-index:1000;margin-top:1px;max-height:220px;overflow:auto;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 14px rgba(0,0,0,0.12);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.4;color:#222;-webkit-font-smoothing:antialiased;}', '.mpm-ms.open .mpm-ms-panel{display:block;}', '.mpm-ms-option{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;font:inherit;color:inherit;margin:0;letter-spacing:0.01em;}', '.mpm-ms-option:hover{background:#f3f4f6;}', '.mpm-ms-option input{margin:0;flex:0 0 auto;}', '.mpm-ms-option-text{flex:1;min-width:0;}' ].join(''); document.getElementsByTagName('head')[0].appendChild(style); } function mpmEnhanceMultiSelects26aa91c1762242b3848d31aed62e50d2(formEl) { if (!formEl) return; mpmEnsureMultiSelectStyles26aa91c1762242b3848d31aed62e50d2(); var selects = formEl.querySelectorAll('select[multiple]'); for (var i = 0; i < selects.length; i++) { (function (select) { if (select.getAttribute('data-mpm-ms') === '1') return; select.setAttribute('data-mpm-ms', '1'); var placeholder = 'Choose options'; var options = []; var optionByValue = {}; for (var o = 0; o < select.options.length; o++) { var opt = select.options[o]; if (!opt.value) { if (opt.selected) opt.selected = false; if (opt.disabled) { var ph = (opt.textContent || '').trim(); if (ph) placeholder = ph; continue; } } options.push(opt); optionByValue[opt.value] = opt; } var wrapper = document.createElement('div'); wrapper.className = 'mpm-ms'; select.parentNode.insertBefore(wrapper, select); wrapper.appendChild(select); select.className = (select.className ? select.className + ' ' : '') + 'mpm-ms-native'; select.setAttribute('tabindex', '-1'); select.setAttribute('aria-hidden', 'true'); var trigger = document.createElement('button'); trigger.type = 'button'; trigger.className = 'mpm-ms-trigger'; trigger.setAttribute('aria-haspopup', 'listbox'); trigger.setAttribute('aria-expanded', 'false'); if (select.getAttribute('style')) { trigger.setAttribute('style', select.getAttribute('style')); } trigger.style.display = 'flex'; trigger.style.width = '100%'; trigger.style.boxSizing = 'border-box'; trigger.style.cursor = 'pointer'; trigger.style.textAlign = 'left'; var labelEl = document.createElement('span'); labelEl.className = 'mpm-ms-trigger-label'; var chevron = document.createElement('span'); chevron.className = 'mpm-ms-trigger-chevron'; chevron.setAttribute('aria-hidden', 'true'); trigger.appendChild(labelEl); trigger.appendChild(chevron); var panel = document.createElement('div'); panel.className = 'mpm-ms-panel'; panel.setAttribute('role', 'listbox'); panel.setAttribute('aria-multiselectable', 'true'); for (var oi = 0; oi < options.length; oi++) { (function (opt) { var row = document.createElement('label'); row.className = 'mpm-ms-option'; var cb = document.createElement('input'); cb.type = 'checkbox'; cb.value = opt.value; cb.checked = opt.selected; if (select.disabled) cb.disabled = true; var text = document.createElement('span'); text.className = 'mpm-ms-option-text'; text.textContent = opt.textContent || opt.value; row.appendChild(cb); row.appendChild(text); panel.appendChild(row); cb.addEventListener('change', function () { opt.selected = cb.checked; updateLabel(); trigger.classList.remove('mpm-field-error'); try { select.dispatchEvent(new Event('change', { bubbles: true })); } catch (e) { var ev = document.createEvent('Event'); ev.initEvent('change', true, true); select.dispatchEvent(ev); } }); })(options[oi]); } function updateLabel() { var selected = []; for (var s = 0; s < select.options.length; s++) { if (select.options[s].selected && select.options[s].value !== '') { selected.push((select.options[s].textContent || select.options[s].value).trim()); } } if (!selected.length) { labelEl.textContent = placeholder; labelEl.style.opacity = '0.65'; } else if (selected.length <= 2) { labelEl.textContent = selected.join(', '); labelEl.style.opacity = '1'; } else { labelEl.textContent = selected.length + ' selected'; labelEl.style.opacity = '1'; } } function setOpen(open) { if (open) { wrapper.classList.add('open'); trigger.setAttribute('aria-expanded', 'true'); } else { wrapper.classList.remove('open'); trigger.setAttribute('aria-expanded', 'false'); } } trigger.addEventListener('click', function (e) { e.preventDefault(); if (select.disabled) return; setOpen(!wrapper.classList.contains('open')); }); select.addEventListener('invalid', function () { trigger.classList.add('mpm-field-error'); setOpen(true); }); wrapper.appendChild(trigger); wrapper.appendChild(panel); updateLabel(); select._mpmMsSync = function () { var cbs = panel.querySelectorAll('input[type="checkbox"]'); for (var c = 0; c < cbs.length; c++) { var match = optionByValue[cbs[c].value]; if (match) cbs[c].checked = match.selected; } updateLabel(); trigger.classList.remove('mpm-field-error'); }; })(selects[i]); } if (formEl.getAttribute('data-mpm-ms-bound') === '1') return; formEl.setAttribute('data-mpm-ms-bound', '1'); document.addEventListener('click', function (e) { var openMenus = formEl.querySelectorAll('.mpm-ms.open'); for (var n = 0; n < openMenus.length; n++) { if (!openMenus[n].contains(e.target)) { openMenus[n].classList.remove('open'); var btn = openMenus[n].querySelector('.mpm-ms-trigger'); if (btn) btn.setAttribute('aria-expanded', 'false'); } } }); document.addEventListener('keydown', function (e) { if (e.key !== 'Escape' && e.keyCode !== 27) return; var openMenus = formEl.querySelectorAll('.mpm-ms.open'); for (var n = 0; n < openMenus.length; n++) { openMenus[n].classList.remove('open'); var btn = openMenus[n].querySelector('.mpm-ms-trigger'); if (btn) btn.setAttribute('aria-expanded', 'false'); } }); formEl.addEventListener('reset', function () { setTimeout(function () { var enhanced = formEl.querySelectorAll('select[data-mpm-ms="1"]'); for (var r = 0; r < enhanced.length; r++) { var sel = enhanced[r]; for (var ro = 0; ro < sel.options.length; ro++) { if (!sel.options[ro].value) sel.options[ro].selected = false; } if (typeof sel._mpmMsSync === 'function') sel._mpmMsSync(); } }, 0); }); } function finishedLoading26aa91c1762242b3848d31aed62e50d2() { window.mpFormLoading = false; let container = document.getElementById('mpFrmd4d80f5945ce4ea2a20ce1c92a5d2532'); if (!container) { mpFormmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532Find(); failedCount++; if(failedCount > 10) return console.log('Form failed too many times mpFrmd4d80f5945ce4ea2a20ce1c92a5d2532'); return setTimeout(finishedLoading26aa91c1762242b3848d31aed62e50d2, 300) } container.innerHTML = form; let containerChildren = container.childNodes; let msgHlder = document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2").querySelector('[id=mpmessageholder]'); if(msgHlder) { msgHlder.style.display = "none" } let telInputs = document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2").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-26aa91c1762242b3848d31aed62e50d2-" + i } ); let tmpMargin = ""; if(telInp.style.margin) { tmpMargin = telInp.style.margin; telInputCSSOver += ".mpm-tel-input-container-26aa91c1762242b3848d31aed62e50d2-" + 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-26aa91c1762242b3848d31aed62e50d2").querySelectorAll('input[name*="customField-"]') if(customFields) { var processedRadioNames = {}; 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]; if (customField.type === 'radio') { if (!processedRadioNames[customField.name]) { processedRadioNames[customField.name] = true; if (newValue !== "") { var radioGroup = document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2").querySelectorAll('input[type="radio"][name="' + customField.name + '"]'); for (var j = 0; j < radioGroup.length; j++) { radioGroup[j].checked = radioGroup[j].getAttribute('value') == newValue; } } } } else if (customField.type === 'checkbox') { customField.checked = newValue === true || newValue === 'true' || newValue === '1' || newValue === 1; } else { customField.value = newValue; } } } } let customFieldsTextArea = document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2").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 customFieldsSelect = document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2").querySelectorAll('select[name*="customField-"]') if(customFieldsSelect) { for(var i = 0; i < customFieldsSelect.length; i++) { let customField = customFieldsSelect[i]; var cfID = customField.name; if(cfID) { cfID = cfID.split("-")[1]; var newValue = subscriberData.customFields[cfID]; if (newValue === undefined || newValue === null || newValue === '') continue; if (customField.multiple && Array.isArray(newValue)) { for (var j = 0; j < customField.options.length; j++) { customField.options[j].selected = newValue.indexOf(customField.options[j].value) > -1; } } else { customField.value = newValue; } } } } let emailAddressFields = document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2").querySelectorAll('input[name$="emailAddress"]') if(emailAddressFields) { for(var i = 0; i < emailAddressFields.length; i++) { let emailAddressField = emailAddressFields[i]; emailAddressField.value = subscriberData.emailAddress; } } } mpmEnhanceMultiSelects26aa91c1762242b3848d31aed62e50d2(document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2")); } function mpmPopup26aa91c1762242b3848d31aed62e50d2() { let popups = document.getElementById("mpform-26aa91c1762242b3848d31aed62e50d2").getElementsByClassName("mpm-popup"); if(popups) { for(var i = 0; i < popups.length; i++) { let popup = popups[i]; popup.classList.toggle("show"); } } } function mploadTelInput26aa91c1762242b3848d31aed62e50d2() { 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 () { finishedLoading26aa91c1762242b3848d31aed62e50d2(); }; document.getElementsByTagName("head")[0].appendChild(script); } else { finishedLoading26aa91c1762242b3848d31aed62e50d2(); } } 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); mploadTelInput26aa91c1762242b3848d31aed62e50d2(); } if(!window.mpFormLoading){ window.mpFormLoading = true; mpmFormInit26aa91c1762242b3848d31aed62e50d2(); } else { function waitForOtherFormsmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532() { if(window.mpFormLoading == false) { console.log("Form Loaded"); mpmFormInit26aa91c1762242b3848d31aed62e50d2(); } else { setTimeout(waitForOtherFormsmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532,300); } } waitForOtherFormsmpFrmd4d80f5945ce4ea2a20ce1c92a5d2532(); }