var mpCurrentScriptmpFrmff8883e9ad7c4e7593b6f83743f7769eContainer = document.currentScript.parentNode; (function () { var containerDiv = document.createElement('div'); containerDiv.id = "mpFrmff8883e9ad7c4e7593b6f83743f7769e"; 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); } mpFormmpFrmff8883e9ad7c4e7593b6f83743f7769eFind(); } 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); mpFormmpFrmff8883e9ad7c4e7593b6f83743f7769eFind(); } })(); function mpFormmpFrmff8883e9ad7c4e7593b6f83743f7769eFind() { if(!mpCurrentScriptmpFrmff8883e9ad7c4e7593b6f83743f7769eContainer) return; if (mpCurrentScriptmpFrmff8883e9ad7c4e7593b6f83743f7769eContainer && mpCurrentScriptmpFrmff8883e9ad7c4e7593b6f83743f7769eContainer.nodeName && mpCurrentScriptmpFrmff8883e9ad7c4e7593b6f83743f7769eContainer.nodeName.toLowerCase() === "head") { var mpFind = document.querySelectorAll("[data-mpid='21675']"); if (mpFind.length && !mpFind[0].innerHTML) { mpFind[0].id = "mpFrmff8883e9ad7c4e7593b6f83743f7769e" } } else { var mpFound = false; Array.from(mpCurrentScriptmpFrmff8883e9ad7c4e7593b6f83743f7769eContainer.children).forEach(c => { if (c.id === "mpFrmff8883e9ad7c4e7593b6f83743f7769e") mpFound = true; }) if (!mpFound) { var mpOthers = Array.from(mpCurrentScriptmpFrmff8883e9ad7c4e7593b6f83743f7769eContainer.children).filter(e => e.dataset && e.dataset.mpid === "21675"); if (mpOthers.length === 1) { mpOthers[0].id = "mpFrmff8883e9ad7c4e7593b6f83743f7769e"; } } } } function mpForm6857613bd4d54a8c91ebfaf774f5f29dCheck() { let checkBoxes = document.getElementById("mpform-6857613bd4d54a8c91ebfaf774f5f29d").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 mpForm6857613bd4d54a8c91ebfaf774f5f29dSubmit(event) { event.preventDefault(); let msgHlder = document.getElementById("mpform-6857613bd4d54a8c91ebfaf774f5f29d").querySelector('[id=mpmessageholder]'); let mpMsg = document.getElementById("mpform-6857613bd4d54a8c91ebfaf774f5f29d").querySelector('[id=mpmessage]'); let checkBoxes = document.getElementById("mpform-6857613bd4d54a8c91ebfaf774f5f29d").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-6857613bd4d54a8c91ebfaf774f5f29d')), 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: getTrackingId6857613bd4d54a8c91ebfaf774f5f29d() }) } catch(err){} //check valid telnos var failed = ""; if(msgHlder) { msgHlder.style.display = "none"; } let telInputs = document.getElementById("mpform-6857613bd4d54a8c91ebfaf774f5f29d").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-6857613bd4d54a8c91ebfaf774f5f29d").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) { mpForm6857613bd4d54a8c91ebfaf774f5f29dCheck(); 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-6857613bd4d54a8c91ebfaf774f5f29d').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-6857613bd4d54a8c91ebfaf774f5f29d").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-6857613bd4d54a8c91ebfaf774f5f29d').innerHTML = response.form } } } else { mpForm6857613bd4d54a8c91ebfaf774f5f29dCheck(); 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 getTrackingId6857613bd4d54a8c91ebfaf774f5f29d() { 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 mpmFormInit6857613bd4d54a8c91ebfaf774f5f29d () { 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 mpmEnsureMultiSelectStyles6857613bd4d54a8c91ebfaf774f5f29d() { 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 mpmEnhanceMultiSelects6857613bd4d54a8c91ebfaf774f5f29d(formEl) { if (!formEl) return; mpmEnsureMultiSelectStyles6857613bd4d54a8c91ebfaf774f5f29d(); 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 finishedLoading6857613bd4d54a8c91ebfaf774f5f29d() { window.mpFormLoading = false; let container = document.getElementById('mpFrmff8883e9ad7c4e7593b6f83743f7769e'); if (!container) { mpFormmpFrmff8883e9ad7c4e7593b6f83743f7769eFind(); failedCount++; if(failedCount > 10) return console.log('Form failed too many times mpFrmff8883e9ad7c4e7593b6f83743f7769e'); return setTimeout(finishedLoading6857613bd4d54a8c91ebfaf774f5f29d, 300) } container.innerHTML = form; let containerChildren = container.childNodes; let msgHlder = document.getElementById("mpform-6857613bd4d54a8c91ebfaf774f5f29d").querySelector('[id=mpmessageholder]'); if(msgHlder) { msgHlder.style.display = "none" } let telInputs = document.getElementById("mpform-6857613bd4d54a8c91ebfaf774f5f29d").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-6857613bd4d54a8c91ebfaf774f5f29d-" + i } ); let tmpMargin = ""; if(telInp.style.margin) { tmpMargin = telInp.style.margin; telInputCSSOver += ".mpm-tel-input-container-6857613bd4d54a8c91ebfaf774f5f29d-" + 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-6857613bd4d54a8c91ebfaf774f5f29d").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-6857613bd4d54a8c91ebfaf774f5f29d").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-6857613bd4d54a8c91ebfaf774f5f29d").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-6857613bd4d54a8c91ebfaf774f5f29d").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-6857613bd4d54a8c91ebfaf774f5f29d").querySelectorAll('input[name$="emailAddress"]') if(emailAddressFields) { for(var i = 0; i < emailAddressFields.length; i++) { let emailAddressField = emailAddressFields[i]; emailAddressField.value = subscriberData.emailAddress; } } } mpmEnhanceMultiSelects6857613bd4d54a8c91ebfaf774f5f29d(document.getElementById("mpform-6857613bd4d54a8c91ebfaf774f5f29d")); } function mpmPopup6857613bd4d54a8c91ebfaf774f5f29d() { let popups = document.getElementById("mpform-6857613bd4d54a8c91ebfaf774f5f29d").getElementsByClassName("mpm-popup"); if(popups) { for(var i = 0; i < popups.length; i++) { let popup = popups[i]; popup.classList.toggle("show"); } } } function mploadTelInput6857613bd4d54a8c91ebfaf774f5f29d() { 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 () { finishedLoading6857613bd4d54a8c91ebfaf774f5f29d(); }; document.getElementsByTagName("head")[0].appendChild(script); } else { finishedLoading6857613bd4d54a8c91ebfaf774f5f29d(); } } 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); mploadTelInput6857613bd4d54a8c91ebfaf774f5f29d(); } if(!window.mpFormLoading){ window.mpFormLoading = true; mpmFormInit6857613bd4d54a8c91ebfaf774f5f29d(); } else { function waitForOtherFormsmpFrmff8883e9ad7c4e7593b6f83743f7769e() { if(window.mpFormLoading == false) { console.log("Form Loaded"); mpmFormInit6857613bd4d54a8c91ebfaf774f5f29d(); } else { setTimeout(waitForOtherFormsmpFrmff8883e9ad7c4e7593b6f83743f7769e,300); } } waitForOtherFormsmpFrmff8883e9ad7c4e7593b6f83743f7769e(); }