https://kyliecosmetics.com/cdn/shop/t/2529/assets/5549.3d4877d8.chunk.js

1"use strict";(self.webpackChunkfoxpad=self.webpackChunkfoxpad||[]).push([[5549],{5549(e,t,s){s.r(t),s.d(t,{default:()=>B});var r=s(3020),o=s(5192),i=s(1821);const{localization:{country:{iso_code:n}}}=window.theme,a="US"!==n,{routes:{rootUrl:l}}=window.theme,m=window.theme.customer?window.theme.customer.email:"",c=["id","action"],d={key:0,ref:"formPostedSuccessfully","aria-hidden":"true"},u={key:1,class:"form__status form__status--error"},h=["textContent"],f={key:2,class:"form__status form__status--success"},g={key:0,class:"form__message message message--success",tabindex:"-1","data-form-status":""},p={key:1,class:"form__message message message--success",tabindex:"-1","data-form-status":""},_={class:"form__field form__field--inline form__field--email"},w=["for"],b=["id","placeholder","aria-label"],S={class:"form__field form__field--inline form__field--consent"},y=["innerHTML"],E=["innerHTML"],k={class:"form__actions"},v=["id","disabled"],B={name:"NewsletterForm",props:{creativeId:{type:Object,required:!0},timeoutDelay:{type:Number,default:5e3},formId:{type:String,default:"NewsletterForm"},formHeading:{type:String,default:""},formConsent:{type:String,default:""}},data:()=>({email:m||"",subscribedEmail:"",consent:!0,formPostedSuccessfully:!1,formErrors:[],loading:!1,error:!1,welcomeBack:!1,isValidDomain:!0}),computed:{formAction:()=>`${l}contact#contact_form`,canSubmit(){const e=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.(com|in|co\.in|org|net)$/i.test(this.email);return!!this.email&&this.consent&&e&&this.isValidDomain},params(){return[null,null,null,this.$mq?.tablet?this.creativeId?.mobile:this.creativeId?.desktop]}},watch:{async email(e){const t=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.(com|in|co\.in|org|net)$/i;if(this.formPostedSuccessfully&&(this.formPostedSuccessfully=!1,this.welcomeBack=!1,sessionStorage.removeItem("newsletter_signup_tracked")),e&&!t.test(e))this.formErrors=["Please submit a valid email address"],this.error=!0,this.isValidDomain=!1;else if(e&&t.test(e)){const t=e.split("@")[1],s=["gmail.com","hotmail.com","yahoo.com","outlook.com","icloud.com","live.com","msn.com","me.com","ymail.com"],r=(e,t)=>{const s=Array.from({length:e.length+1},(e,s)=>Array.from({length:t.length+1},(e,t)=>0===s?t:0===t?s:0));for(let r=1;r<=e.length;r+=1)for(let o=1;o<=t.length;o+=1)e[r-1]===t[o-1]?s[r][o]=s[r-1][o-1]:s[r][o]=1+Math.min(s[r-1][o],s[r][o-1],s[r-1][o-1]);return s[e.length][t.length]};if(s.includes(t))this.isValidDomain=!0,this.formErrors=[],this.error=!1;else if(s.some(e=>r(t,e)>0&&r(t,e)<=2))this.isValidDomain=!1,this.formErrors=["Please submit a valid email address"],this.error=!0;else try{const e=await fetch(`https://dns.google/resolve?name=${t}&type=MX`),s=await e.json();s.Answer&&s.Answer.length>0?(this.isValidDomain=!0,this.formErrors=[],this.error=!1):(this.isValidDomain=!1,this.formErrors=["Please submit a valid email address"],this.error=!0)}catch{this.isValidDomain=!0,this.formErrors=[],this.error=!1}}else this.formErrors=[],this.error=!1,this.isValidDomain=!0},formPostedSuccessfully(e){e&&(a||(0,o.A)().then(e=>{e.trigger(...this.params)}),"true"!==sessionStorage.getItem("newsletter_signup_tracked")&&this.subscribedEmail&&(sessionStorage.setItem("newsletter_signup_tracked","true"),this.$tracking.onNewsletterSubscription(this.subscribedEmail)))}},mounted(){const e=document.createElement("style");e.textContent="\n    html { scroll-behavior: auto !important; }\n    body { scroll-behavior: auto !important; }\n  ",document.head.appendChild(e);const t=new URLSearchParams(window.location.search);(this.$refs.formPostedSuccessfully||"true"===t.get("customer_posted"))&&(window.scrollTo(0,document.documentElement.scrollHeight),requestAnimationFrame(()=>{document.documentElement.style.visibility="";const e=document.querySelector(".site-header");e&&(e.style.transform="translateZ(0)",requestAnimationFrame(()=>{e.style.transform=""}))}),this.handleReturnFromSubmission())},methods:{handleSubmit(){if(!this.email||!/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.(com|in|co\.in|org|net)$/i.test(this.email)||!this.isValidDomain)return this.formErrors=["Please submit a valid email address"],this.error=!0,void(this.loading=!1);this.formErrors=[],this.error=!1,this.loading=!0,setTimeout(()=>{const e=this.checkIfReturningSubscriber(this.email);sessionStorage.setItem("newsletter_email",this.email),sessionStorage.setItem("newsletter_is_returning",e?"true":"false"),this.saveSubscriberEmail(this.email),this.submit()},50)},submit(){const e=this.$refs.newsletterForm.action,t=new FormData(this.$refs.newsletterForm),s=new URLSearchParams(t).toString();clearTimeout(this.timeout),this.loading=!0,this.formPostedSuccessfully=!1,r.A.post(e,s).then(({request:{responseURL:e}})=>{e.includes("challenge")?window.location=e:this.showSuccessMessage()}).catch(()=>{this.formErrors=["Unexpected error"],this.formPostedSuccessfully=!1}).finally(()=>{this.loading=!1})},handleReturnFromSubmission(){this.showSuccessMessage()},showSuccessMessage(){const e="true"===sessionStorage.getItem("newsletter_is_returning");this.welcomeBack=e,this.subscribedEmail=this.email||sessionStorage.getItem("newsletter_email")||"",this.formPostedSuccessfully=!0,this.email="",sessionStorage.removeItem("newsletter_email"),sessionStorage.removeItem("newsletter_is_returning")}

1,checkIfReturningSubscriber(e){return this.getSubscribedEmails().includes(e.toLowerCase())},saveSubscriberEmail(e){const t=this.getSubscribedEmails(),s=e.toLowerCase();t.includes(s)||(t.push(s),localStorage.setItem("newsletter_subscribers",JSON.stringify(t)))},getSubscribedEmails(){try{const e=localStorage.getItem("newsletter_subscribers");return e?JSON.parse(e):[]}catch(e){return[]}}},render:function(e,t){return(0,i.openBlock)(),(0,i.createElementBlock)("form",{class:"form form--newsletter",id:e.formId,action:e.formAction,method:"post",ref:"newsletterForm",onSubmit:t[1]||(t[1]=(0,i.withModifiers)((...t)=>e.handleSubmit&&e.handleSubmit(...t),["prevent"]))},[t[2]||(t[2]=(0,i.createElementVNode)("input",{type:"hidden",name:"form_type",value:"customer"},null,-1)),t[3]||(t[3]=(0,i.createElementVNode)("input",{type:"hidden",name:"utf8",value:"✓"},null,-1)),e.formPostedSuccessfully?((0,i.openBlock)(),(0,i.createElementBlock)("div",d,null,512)):(0,i.createCommentVNode)("",!0),(0,i.createElementVNode)("h2",{class:(0,i.normalizeClass)(["form__heading",{spacing:!e.formErrors.length}])},(0,i.toDisplayString)(e.formHeading||e.$t("general.newsletter_form.heading")),3),e.formErrors.length?((0,i.openBlock)(),(0,i.createElementBlock)("div",u,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formErrors,t=>((0,i.openBlock)(),(0,i.createElementBlock)("p",{class:"form__message message message--error",tabindex:"-1",textContent:(0,i.toDisplayString)(e.$t("general.newsletter_form.error"))},null,8,h))),256))])):(0,i.createCommentVNode)("",!0),e.formPostedSuccessfully?((0,i.openBlock)(),(0,i.createElementBlock)("div",f,[e.welcomeBack?((0,i.openBlock)(),(0,i.createElementBlock)("p",g,(0,i.toDisplayString)(e.$t("general.newsletter_form.confirmation_returning")),1)):((0,i.openBlock)(),(0,i.createElementBlock)("p",p,(0,i.toDisplayString)(e.$t("general.newsletter_form.confirmation")),1))])):(0,i.createCommentVNode)("",!0),t[4]||(t[4]=(0,i.createElementVNode)("input",{type:"hidden",name:"contact[tags]",value:"buyer_accepts_marketing"},null,-1)),(0,i.createElementVNode)("div",_,[(0,i.createElementVNode)("label",{for:e.formId+"-email"},(0,i.toDisplayString)(e.$t("general.newsletter_form.email_placeholder")),9,w),(0,i.withDirectives)((0,i.createElementVNode)("input",{"onUpdate:modelValue":t[0]||(t[0]=t=>e.email=t),class:(0,i.normalizeClass)(["minimal",{error:e.error}]),type:"email",name:"contact[email]",id:e.formId+"-email",placeholder:e.$t("general.newsletter_form.email_placeholder"),"aria-label":e.$t("general.newsletter_form.email_placeholder"),autocapitalize:"off",autocomplete:"email",required:""},null,10,b),[[i.vModelText,e.email]])]),(0,i.createElementVNode)("div",S,[e.formConsent?((0,i.openBlock)(),(0,i.createElementBlock)("p",{key:0,innerHTML:e.formConsent},null,8,y)):((0,i.openBlock)(),(0,i.createElementBlock)("p",{key:1,innerHTML:e.$t("general.newsletter_form.consent_text_html")},null,8,E))]),(0,i.createElementVNode)("div",k,[(0,i.createElementVNode)("button",{type:"submit",name:"commit",formnovalidate:"formnovalidate",id:e.formId+"-Commit",class:"action action--simple",disabled:!e.canSubmit||e.loading},(0,i.toDisplayString)(e.$t("general.newsletter_form.submit")),9,v)])],40,c)}}},5192(e,t,s){s.d(t,{A:()=>i});const r="__attentive",o=e=>{window[r]?e(window[r]):setTimeout(()=>{o(e)},1e3)},i=()=>new Promise(e=>{o(e)});s.dn(i)}}]);