var mpmCaptchaTokenmpFrm6c883c9e1e6040b08c07a5e0a46688aa = ''; var mpmCaptchaTrustedOriginmpFrm6c883c9e1e6040b08c07a5e0a46688aa = 'https://api.transpond.io'; (function () { window.addEventListener('message', function (e) { if (!e.data || e.data.eleId !== 'mpFrm6c883c9e1e6040b08c07a5e0a46688aa') return; var trusted = mpmCaptchaTrustedOriginmpFrm6c883c9e1e6040b08c07a5e0a46688aa; if (e.origin !== trusted && e.origin !== trusted.replace('https://', 'http://')) return; if (e.data.type === 'mpmRecaptcha') { mpmCaptchaTokenmpFrm6c883c9e1e6040b08c07a5e0a46688aa = e.data.token || ''; var inp = document.getElementById('mpmRecaptchaTokenmpFrm6c883c9e1e6040b08c07a5e0a46688aa'); if (inp) inp.value = mpmCaptchaTokenmpFrm6c883c9e1e6040b08c07a5e0a46688aa; } if (e.data.type === 'mpmRecaptchaExpired') { mpmCaptchaTokenmpFrm6c883c9e1e6040b08c07a5e0a46688aa = ''; var expiredInp = document.getElementById('mpmRecaptchaTokenmpFrm6c883c9e1e6040b08c07a5e0a46688aa'); if (expiredInp) expiredInp.value = ''; } if (e.data.type === 'mpmRecaptchaResize') { var resizeHost = document.getElementById('mpmRecaptchaEmbedmpFrm6c883c9e1e6040b08c07a5e0a46688aa'); if (resizeHost && e.data.height) { mpmFitCaptchaEmbedmpFrm6c883c9e1e6040b08c07a5e0a46688aa(e.data.width, e.data.height); } } }); })(); function mpmCaptchaContentWidthmpFrm6c883c9e1e6040b08c07a5e0a46688aa(el) { if (!el) return 0; var style = window.getComputedStyle(el); var pl = parseFloat(style.paddingLeft) || 0; var pr = parseFloat(style.paddingRight) || 0; return Math.max(0, el.clientWidth - pl - pr); } function mpmCaptchaIsLayoutAncestormpFrm6c883c9e1e6040b08c07a5e0a46688aa(el) { var className = typeof el.className === 'string' ? el.className : ''; var tag = (el.tagName || '').toLowerCase(); return className.indexOf('mpm-col') > -1 || className.indexOf('mpForm') > -1 || className.indexOf('mpform') > -1 || className.indexOf('lp-inline') > -1 || tag === 'form'; } function mpmCaptchaAvailableWidthmpFrm6c883c9e1e6040b08c07a5e0a46688aa(startEl) { var el = startEl; while (el && el !== document.body) { if (mpmCaptchaIsLayoutAncestormpFrm6c883c9e1e6040b08c07a5e0a46688aa(el)) { var layoutW = mpmCaptchaContentWidthmpFrm6c883c9e1e6040b08c07a5e0a46688aa(el); if (layoutW > 0) return layoutW; } el = el.parentElement; } el = startEl && startEl.parentElement; var fallback = 0; while (el && el !== document.body) { var w = mpmCaptchaContentWidthmpFrm6c883c9e1e6040b08c07a5e0a46688aa(el); if (w > 0) fallback = w; el = el.parentElement; } return fallback; } function mpmFitCaptchaEmbedmpFrm6c883c9e1e6040b08c07a5e0a46688aa(frameW, frameH) { var host = document.getElementById('mpmRecaptchaEmbedmpFrm6c883c9e1e6040b08c07a5e0a46688aa'); var iframe = host && host.querySelector('iframe'); if (!host || !iframe) return; var isCompact = host.getAttribute('data-size') === 'compact'; var naturalW = parseInt(frameW, 10) || (isCompact ? 168 : 308); var naturalH = parseInt(frameH, 10) || (isCompact ? 152 : 86); host.style.display = 'block'; host.style.boxSizing = 'border-box'; var available = mpmCaptchaAvailableWidthmpFrm6c883c9e1e6040b08c07a5e0a46688aa(host) || naturalW; var displayW = Math.max(1, Math.min(naturalW, available)); var displayH = Math.max(1, Math.ceil(naturalH * (displayW / naturalW))); iframe.setAttribute('scrolling', 'no'); iframe.style.border = '0'; iframe.style.display = 'block'; iframe.style.width = displayW + 'px'; iframe.style.height = displayH + 'px'; iframe.style.maxWidth = 'none'; iframe.style.overflow = 'hidden'; host.style.width = displayW + 'px'; host.style.maxWidth = '100%'; host.style.height = displayH + 'px'; host.style.minHeight = displayH + 'px'; host.style.overflow = 'hidden'; host.setAttribute('data-mpm-frame-w', String(naturalW)); host.setAttribute('data-mpm-frame-h', String(naturalH)); } function mpmLoadCaptchaIframempFrm6c883c9e1e6040b08c07a5e0a46688aa() { var host = document.getElementById('mpmRecaptchaEmbedmpFrm6c883c9e1e6040b08c07a5e0a46688aa'); if (!host || host.querySelector('iframe')) return; var theme = host.getAttribute('data-theme') || 'light'; var size = host.getAttribute('data-size') || 'normal'; var frameWidth = size === 'compact' ? 168 : 308; var frameHeight = size === 'compact' ? 152 : 86; var iframe = document.createElement('iframe'); iframe.title = 'Captcha'; iframe.setAttribute('scrolling', 'no'); iframe.src = mpmCaptchaTrustedOriginmpFrm6c883c9e1e6040b08c07a5e0a46688aa + '/form/captcha-frame?am=31659&fid=17620&ele=mpFrm6c883c9e1e6040b08c07a5e0a46688aa&theme=' + encodeURIComponent(theme) + '&size=' + encodeURIComponent(size) + '&origin=' + encodeURIComponent(document.location.origin); host.appendChild(iframe); mpmFitCaptchaEmbedmpFrm6c883c9e1e6040b08c07a5e0a46688aa(frameWidth, frameHeight); if (!host.getAttribute('data-mpm-fit-bound')) { host.setAttribute('data-mpm-fit-bound', '1'); var refit = function () { var boundHost = document.getElementById('mpmRecaptchaEmbedmpFrm6c883c9e1e6040b08c07a5e0a46688aa'); if (!boundHost || !boundHost.querySelector('iframe')) return; var boundCompact = boundHost.getAttribute('data-size') === 'compact'; var lastW = parseInt(boundHost.getAttribute('data-mpm-frame-w'), 10) || (boundCompact ? 168 : 308); var lastH = parseInt(boundHost.getAttribute('data-mpm-frame-h'), 10) || (boundCompact ? 152 : 86); mpmFitCaptchaEmbedmpFrm6c883c9e1e6040b08c07a5e0a46688aa(lastW, lastH); }; window.addEventListener('resize', refit); if (window.ResizeObserver && host.parentElement) { new ResizeObserver(refit).observe(host.parentElement); } } } function mpmResetCaptchaEmbedmpFrm6c883c9e1e6040b08c07a5e0a46688aa() { mpmCaptchaTokenmpFrm6c883c9e1e6040b08c07a5e0a46688aa = ''; var tokenInp = document.getElementById('mpmRecaptchaTokenmpFrm6c883c9e1e6040b08c07a5e0a46688aa'); if (tokenInp) tokenInp.value = ''; var embedHost = document.getElementById('mpmRecaptchaEmbedmpFrm6c883c9e1e6040b08c07a5e0a46688aa'); if (embedHost) embedHost.innerHTML = ''; mpmLoadCaptchaIframempFrm6c883c9e1e6040b08c07a5e0a46688aa(); } var mpCurrentScriptmpFrm6c883c9e1e6040b08c07a5e0a46688aaContainer = document.currentScript.parentNode; (function () { var containerDiv = document.createElement('div'); containerDiv.id = "mpFrm6c883c9e1e6040b08c07a5e0a46688aa"; containerDiv.classList.add("mpForm"); containerDiv.setAttribute("data-mpid", "17620"); 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); } mpFormmpFrm6c883c9e1e6040b08c07a5e0a46688aaFind(); } 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); mpFormmpFrm6c883c9e1e6040b08c07a5e0a46688aaFind(); } })(); function mpFormmpFrm6c883c9e1e6040b08c07a5e0a46688aaFind() { if(!mpCurrentScriptmpFrm6c883c9e1e6040b08c07a5e0a46688aaContainer) return; if (mpCurrentScriptmpFrm6c883c9e1e6040b08c07a5e0a46688aaContainer && mpCurrentScriptmpFrm6c883c9e1e6040b08c07a5e0a46688aaContainer.nodeName && mpCurrentScriptmpFrm6c883c9e1e6040b08c07a5e0a46688aaContainer.nodeName.toLowerCase() === "head") { var mpFind = document.querySelectorAll("[data-mpid='17620']"); if (mpFind.length && !mpFind[0].innerHTML) { mpFind[0].id = "mpFrm6c883c9e1e6040b08c07a5e0a46688aa" } } else { var mpFound = false; Array.from(mpCurrentScriptmpFrm6c883c9e1e6040b08c07a5e0a46688aaContainer.children).forEach(c => { if (c.id === "mpFrm6c883c9e1e6040b08c07a5e0a46688aa") mpFound = true; }) if (!mpFound) { var mpOthers = Array.from(mpCurrentScriptmpFrm6c883c9e1e6040b08c07a5e0a46688aaContainer.children).filter(e => e.dataset && e.dataset.mpid === "17620"); if (mpOthers.length === 1) { mpOthers[0].id = "mpFrm6c883c9e1e6040b08c07a5e0a46688aa"; } } } } function mpForm9e867078c01f4af09df37ea4d6cb623aCheck() { let checkBoxes = document.getElementById("mpform-9e867078c01f4af09df37ea4d6cb623a").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 mpForm9e867078c01f4af09df37ea4d6cb623aSubmit(event) { event.preventDefault(); let msgHlder = document.getElementById("mpform-9e867078c01f4af09df37ea4d6cb623a").querySelector('[id=mpmessageholder]'); let mpMsg = document.getElementById("mpform-9e867078c01f4af09df37ea4d6cb623a").querySelector('[id=mpmessage]'); let checkBoxes = document.getElementById("mpform-9e867078c01f4af09df37ea4d6cb623a").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-9e867078c01f4af09df37ea4d6cb623a')), 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: getTrackingId9e867078c01f4af09df37ea4d6cb623a() }) } catch(err){} //check valid telnos var failed = ""; if(msgHlder) { msgHlder.style.display = "none"; } let telInputs = document.getElementById("mpform-9e867078c01f4af09df37ea4d6cb623a").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; } if (!mpmCaptchaTokenmpFrm6c883c9e1e6040b08c07a5e0a46688aa) { mpMsg.innerHTML = 'Please complete the captcha'; if (msgHlder) msgHlder.style.display = "block"; return; } form_data = form_data.filter(function (f) { return f.name !== 'g-recaptcha-response'; }); form_data.push({ name: 'g-recaptcha-response', value: mpmCaptchaTokenmpFrm6c883c9e1e6040b08c07a5e0a46688aa }); let button = document.getElementById("mpform-9e867078c01f4af09df37ea4d6cb623a").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=31659&fid=17620", true); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { mpForm9e867078c01f4af09df37ea4d6cb623aCheck(); 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-9e867078c01f4af09df37ea4d6cb623a').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-9e867078c01f4af09df37ea4d6cb623a").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-9e867078c01f4af09df37ea4d6cb623a').innerHTML = response.form } } mpmResetCaptchaEmbedmpFrm6c883c9e1e6040b08c07a5e0a46688aa(); } else { mpForm9e867078c01f4af09df37ea4d6cb623aCheck(); 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; mpmResetCaptchaEmbedmpFrm6c883c9e1e6040b08c07a5e0a46688aa(); } }; 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 getTrackingId9e867078c01f4af09df37ea4d6cb623a() { 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 mpmFormInit9e867078c01f4af09df37ea4d6cb623a () { var subscriberData = undefined; var form = '

We\'d love to hear from you.

If you\'re already a Grofar customer and need support, please visit the support centre.
Alternatively, you can call us on 0117 315 5261 to speak to a member of our friendly team. 
We will only use the information provided within this form to contact you about our services. We don\'t share your information with anyone, for more information view our privacy policy.
'; let failedCount = 0 function mpmEnsureMultiSelectStyles9e867078c01f4af09df37ea4d6cb623a() { 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 mpmEnhanceMultiSelects9e867078c01f4af09df37ea4d6cb623a(formEl) { if (!formEl) return; mpmEnsureMultiSelectStyles9e867078c01f4af09df37ea4d6cb623a(); 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 finishedLoading9e867078c01f4af09df37ea4d6cb623a() { window.mpFormLoading = false; let container = document.getElementById('mpFrm6c883c9e1e6040b08c07a5e0a46688aa'); if (!container) { mpFormmpFrm6c883c9e1e6040b08c07a5e0a46688aaFind(); failedCount++; if(failedCount > 10) return console.log('Form failed too many times mpFrm6c883c9e1e6040b08c07a5e0a46688aa'); return setTimeout(finishedLoading9e867078c01f4af09df37ea4d6cb623a, 300) } container.innerHTML = form; let containerChildren = container.childNodes; let msgHlder = document.getElementById("mpform-9e867078c01f4af09df37ea4d6cb623a").querySelector('[id=mpmessageholder]'); if(msgHlder) { msgHlder.style.display = "none" } let telInputs = document.getElementById("mpform-9e867078c01f4af09df37ea4d6cb623a").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-9e867078c01f4af09df37ea4d6cb623a-" + i } ); let tmpMargin = ""; if(telInp.style.margin) { tmpMargin = telInp.style.margin; telInputCSSOver += ".mpm-tel-input-container-9e867078c01f4af09df37ea4d6cb623a-" + 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-9e867078c01f4af09df37ea4d6cb623a").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-9e867078c01f4af09df37ea4d6cb623a").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-9e867078c01f4af09df37ea4d6cb623a").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-9e867078c01f4af09df37ea4d6cb623a").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-9e867078c01f4af09df37ea4d6cb623a").querySelectorAll('input[name$="emailAddress"]') if(emailAddressFields) { for(var i = 0; i < emailAddressFields.length; i++) { let emailAddressField = emailAddressFields[i]; emailAddressField.value = subscriberData.emailAddress; } } } mpmEnhanceMultiSelects9e867078c01f4af09df37ea4d6cb623a(document.getElementById("mpform-9e867078c01f4af09df37ea4d6cb623a")); mpmLoadCaptchaIframempFrm6c883c9e1e6040b08c07a5e0a46688aa(); } function mpmPopup9e867078c01f4af09df37ea4d6cb623a() { let popups = document.getElementById("mpform-9e867078c01f4af09df37ea4d6cb623a").getElementsByClassName("mpm-popup"); if(popups) { for(var i = 0; i < popups.length; i++) { let popup = popups[i]; popup.classList.toggle("show"); } } } function mploadTelInput9e867078c01f4af09df37ea4d6cb623a() { 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 () { finishedLoading9e867078c01f4af09df37ea4d6cb623a(); }; document.getElementsByTagName("head")[0].appendChild(script); } else { finishedLoading9e867078c01f4af09df37ea4d6cb623a(); } } 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); mploadTelInput9e867078c01f4af09df37ea4d6cb623a(); } if(!window.mpFormLoading){ window.mpFormLoading = true; mpmFormInit9e867078c01f4af09df37ea4d6cb623a(); } else { function waitForOtherFormsmpFrm6c883c9e1e6040b08c07a5e0a46688aa() { if(window.mpFormLoading == false) { console.log("Form Loaded"); mpmFormInit9e867078c01f4af09df37ea4d6cb623a(); } else { setTimeout(waitForOtherFormsmpFrm6c883c9e1e6040b08c07a5e0a46688aa,300); } } waitForOtherFormsmpFrm6c883c9e1e6040b08c07a5e0a46688aa(); }