{"version":3,"file":"forms-emailOnlyFormCtl.chunk.ba067b050ea650364c02.js","mappings":"mOAMA,SAASA,EAAiBC,EAAUC,GAChCC,KAAKC,cAAgBH,EACrBE,KAAKD,MAAQA,EACbC,KAAKE,wBAA0BF,KAAKC,cAAcE,cAAc,oBACpE,CAoDe,SAAS,EAACC,GACrB,IAAMC,EAAUD,EACZC,EAAQC,OAAS,GACjBD,EAAQE,SAAQ,SAAAC,GACZ,GAAIA,GAAUA,EAAOC,QAAQC,SAASC,SAAS,cAAe,CAE1DH,EAAOI,aAAa,SAAU,IACL,IAAIf,EAAiBW,EAAQK,EAAAA,GACrCC,OACjBC,EAAAA,EAAAA,KAASP,GAAQQ,UAAU,WAC3B,IAAMC,EAA2B,IAAIC,EAAAA,GAAyBV,GAC9DW,EAAAA,EAAAA,UACIF,EAAyBG,iBAAiB,gBAElD,CACJ,GAER,CApEAvB,EAAiBwB,UAAY,CACzBC,gBAAe,SAACC,GACZ,IAAMC,EAAaD,EAAapB,cAC5B,8DAEAqB,GACAA,EAAWZ,aAAa,YAAa,GAE7C,EACAa,mBAAkB,WACd,GAAIzB,KAAKE,wBAAwBwB,MAAO,CACpC,IAAMH,EAAeI,SAASxB,cAAc,wBAC5C,GAAIoB,EAAc,CACd,IAAMK,EACFL,EAAapB,cAAc,qBAC/ByB,EAAuBhB,aACnB,QACAZ,KAAKE,wBAAwBwB,OAEjCE,EAAuBC,cAAcC,UAAUC,IAAI,kBACnD/B,KAAKsB,gBAAgBC,EACzB,CACJ,CACAI,SAASK,oBAAoB,eAAgBhC,KAAKyB,mBAAmBQ,KAAKjC,MAC9E,EAEAkC,yBAAwB,WACpBlC,KAAKD,MAAMoC,YAAY,iBAAkBnC,KAAKyB,mBAAmBQ,KAAKjC,MAC1E,EAEAoC,aAAY,SAACC,GACT,IAAMC,EAAYtC,KAAKC,cAAcE,cAAc,uBAC7CoC,EAAMC,UAAUF,EAAU7B,QAAQgC,QACpCF,KACAG,EAAAA,EAAAA,SAAiBL,EAAGE,GACpBvC,KAAKkC,2BAEb,EAEAS,cAAa,SAACN,GAEVA,EAAEO,iBACF7B,EAAAA,EAAAA,KAASf,KAAKC,eAAee,UAAU,UACvChB,KAAKoC,aAAaC,EACtB,EAEAvB,KAAI,WACAd,KAAKC,cAAc4C,iBAAiB,SAAU7C,KAAK2C,cAAcV,KAAKjC,MAC1E,E","sources":["webpack:///./html/wp-content/themes/ls/src/js/main/components/forms/emailOnlyFormCtl.js"],"sourcesContent":["import { gtm } from 'root/utils/tracking/googleTagManagerDeprecated';\nimport Events from 'root/helpers/events';\nimport { GoogleTagManager } from 'root/utils/tracking/GA4/googleTagManager';\nimport { FormGTMObjectConstructor } from 'root/utils/tracking/GA4/formTracking';\nimport lightboxFormInit from 'root/main/components/forms/lightbox/lightboxFormInit';\n\nfunction EmailOnlyFormCtl(formElem, event) {\n    this.emailOnlyForm = formElem;\n    this.event = event;\n    this.emailOnlyFormEmailInput = this.emailOnlyForm.querySelector('input[type=email]');\n}\nEmailOnlyFormCtl.prototype = {\n    focusFirstField(lightboxForm) {\n        const firstInput = lightboxForm.querySelector(\n            '[data-form=ls-form] > [data-formfield=ls-form-field] input'\n        );\n        if (firstInput) {\n            firstInput.setAttribute('autofocus', '');\n        }\n    },\n    populateEmailInput() {\n        if (this.emailOnlyFormEmailInput.value) {\n            const lightboxForm = document.querySelector('.js-lightbox-wrapper');\n            if (lightboxForm) {\n                const lightboxFormEmailInput =\n                    lightboxForm.querySelector('input[type=email]');\n                lightboxFormEmailInput.setAttribute(\n                    'value',\n                    this.emailOnlyFormEmailInput.value\n                );\n                lightboxFormEmailInput.parentElement.classList.add('js-field-valid');\n                this.focusFirstField(lightboxForm);\n            }\n        }\n        document.removeEventListener('loadLightbox', this.populateEmailInput.bind(this));\n    },\n\n    loadLightboxEventHandler() {\n        this.event.addListener('lightboxOpened', this.populateEmailInput.bind(this));\n    },\n\n    openLightbox(e) {\n        const submitBtn = this.emailOnlyForm.querySelector('button[type=submit]');\n        const url = decodeURI(submitBtn.dataset.ctaUrl);\n        if (url) {\n            lightboxFormInit(e, url);\n            this.loadLightboxEventHandler();\n        }\n    },\n\n    submitHandler(e) {\n        /* prevents the submit event reloading the page */\n        e.preventDefault();\n        gtm.form(this.emailOnlyForm).sendEvent('submit');\n        this.openLightbox(e);\n    },\n\n    init() {\n        this.emailOnlyForm.addEventListener('submit', this.submitHandler.bind(this));\n    },\n};\n\nexport default function (els) {\n    const formEls = els;\n    if (formEls.length > 0) {\n        formEls.forEach(formEl => {\n            if (formEl && formEl.dataset.formName.includes('email_only')) {\n                /* remove the default action that submits the form to master submit /rest/forms/master-submit */\n                formEl.setAttribute('action', '');\n                const emailOnlyFormCtl = new EmailOnlyFormCtl(formEl, Events);\n                emailOnlyFormCtl.init();\n                gtm.form(formEl).sendEvent('in-page');\n                const formGTMObjectConstructor = new FormGTMObjectConstructor(formEl);\n                GoogleTagManager.sendEvent(\n                    formGTMObjectConstructor.getFormGTMObject('form_in_page')\n                );\n            }\n        });\n    }\n}\n"],"names":["EmailOnlyFormCtl","formElem","event","this","emailOnlyForm","emailOnlyFormEmailInput","querySelector","els","formEls","length","forEach","formEl","dataset","formName","includes","setAttribute","Events","init","gtm","sendEvent","formGTMObjectConstructor","FormGTMObjectConstructor","GoogleTagManager","getFormGTMObject","prototype","focusFirstField","lightboxForm","firstInput","populateEmailInput","value","document","lightboxFormEmailInput","parentElement","classList","add","removeEventListener","bind","loadLightboxEventHandler","addListener","openLightbox","e","submitBtn","url","decodeURI","ctaUrl","lightboxFormInit","submitHandler","preventDefault","addEventListener"],"sourceRoot":""}