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