https://www.laroche-posay.com/frontend/master/js/633.9c10dfcf.js

1"use strict";(self["webpackChunkwsf_master_lrp"]=self["webpackChunkwsf_master_lrp"]||[]).push([[633],{6633:function(e,t,i){i.r(t),i.d(t,{default:function(){return h}});var s=function(){var e=this,t=e._self._c;return e.isDdxVisible?t("div",{staticClass:"ddx-widget-container"},[t("div",{staticClass:"card",class:{showform:e.isOpened}},[t("div",{staticClass:"ddx-widget ddx-form"},[t("div",{staticClass:"widget-content"},[t("div",{staticClass:"ddx-form__body-txt"},[t("div",{staticClass:"ddx-form__content"},[t("div",{staticClass:"ddx-form__title"},[t("div",{staticClass:"ddx-form_title is-2",domProps:{innerHTML:e._s(e.title)}}),e._v(" "),t("div",{staticClass:"ddx-form__description",domProps:{innerHTML:e._s(e.description)}})]),e._v(" "),t("form",{attrs:{novalidate:"",autocomplete:"off"},on:{submit:function(t){return t.preventDefault(),e.submitForm()}}},[""!=e.fieldFirstName.label?t("div",{staticClass:"fieldset"},[t("field-input",{attrs:{v:e.$v.form.firstName,field:e.fieldFirstName},model:{value:e.form.firstName,callback:function(t){e.$set(e.form,"firstName",t)},expression:"form.firstName"}})],1):e._e(),e._v(" "),""!=e.fieldLastName.label?t("div",{staticClass:"fieldset"},[t("field-input",{attrs:{v:e.$v.form.lastName,field:e.fieldLastName},model:{value:e.form.lastName,callback:function(t){e.$set(e.form,"lastName",t)},expression:"form.lastName"}})],1):e._e(),e._v(" "),""!=e.fieldEmail.label?t("div",{staticClass:"fieldset"},[t("field-input",{attrs:{v:e.$v.form.email,field:e.fieldEmail},model:{value:e.form.email,callback:function(t){e.$set(e.form,"email",t)},expression:"form.email"}})],1):e._e(),e._v(" "),""!=e.fieldPhoneNumber.label?t("div",{staticClass:"fieldset"},[t("field-input",{attrs:{v:e.$v.form.phone,field:e.fieldPhoneNumber},model:{value:e.form.phone,callback:function(t){e.$set(e.form,"phone",t)},expression:"form.phone"}})],1):e._e(),e._v(" "),""!=e.fieldSkinConcern.label?t("div",{staticClass:"fieldset"},[t("div",{staticClass:"select-custom__btn"},[t("label",{attrs:{for:"skinConcern"}},[e._v(e._s(e.fieldSkinConcern.label))]),e._v(" "),t("select",{directives:[{name:"model",rawName:"v-model",value:e.form.skinConcern,expression:"form.skinConcern"}],attrs:{id:"skinConcern",name:"skinConcern"},on:{change:function(t){var i=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){var t="_value"in e?e._value:e.value;return t}));e.$set(e.form,"skinConcern",t.target.multiple?i:i[0])}}},e._l(e.fieldSkinConcern.listValue,(function(i,s){return t("option",{key:s,domProps:{value:i}},[e._v("\n                      "+e._s(i)+"\n                    ")])})),0),e._v(" "),t("svg",{attrs:{width:"16",height:"8","aria-hidden":"true"}},[t("path",{attrs:{"fill-rule":"nonzero",d:"M14.675.62l.65.76L8 7.659.675 1.379l.65-.759L8 6.341z"}})])])]):e._e(),e._v(" "),e._l(e.fieldCheckboxes,(function(i,s){return t("div",{key:s,staticClass:"custom-form__checkbox-group"},[t("div",[i.required?t("field-checkbox",{attrs:{value:e.form.gdpr[`checkbox-${i.gdprId}`],v:e.$v.form.gdpr[`checkbox-${i.gdprId}`],field:i},model:{value:e.form.gdpr[`checkbox-${i.gdprId}`],callback:function(t){e.$set(e.form.gdpr,`checkbox-${i.gdprId}`,t)},expression:"form.gdpr[`checkbox-${item.gdprId}`]"}}):t("field-checkbox",{attrs:{value:e.form.gdpr[`checkbox-${i.gdprId}`],field:i},model:{value:e.form.gdpr[`checkbox-${i.gdprId}`],callback:function(t){e.$set(e.form.gdpr,`checkbox-${i.gdprId}`,t)},expression:"form.gdpr[`checkbox-${item.gdprId}`]"}})],1)])})),e._v(" "),t("div",{staticClass:"custom-form__actions"},[t("div",[t("button",{staticClass:"cta cta--light",attrs:{type:"submit"}},[t("span",{staticClass:"btn__wrapper"},[e._v(e._s(e.submitBtnText))])])])])],2),e._v(" "),t("div",{staticClass:"success__section"},[t("p",{staticClass:"success__content"},[e._v(e._s(e.successMessage))]),e._v(" "),t("svg",{staticClass:"success__icon",attrs:{xmlns:"http://www.w3.org/2000/svg",width:"67",height:"66",viewBox:"0 0 67 66",fill:"none"}},[t("path",{attrs:{d:"M33.5 1C37.6577 1 41.5689 1.73941 45.2422 3.21289L45.9736 3.5166C49.6334 5.09581 52.8379 7.19987 55.5947 9.82715L56.1406 10.3594C59.0176 13.2363 61.2989 16.6226 62.9834 20.5264C64.6595 24.4107 65.5 28.5652 65.5 33C65.5 37.1577 64.7606 41.0689 63.2871 44.7422L62.9834 45.4736C61.4042 49.1334 59.3001 52.3379 56.

16729 55.0947L56.1406 55.6406C53.4434 58.3379 50.2985 60.511 46.6992 62.1602L45.9736 62.4834C42.0893 64.1595 37.9347 65 33.5 65C29.0652 65 24.9107 64.1595 21.0264 62.4834C17.3666 60.9042 14.1621 58.8001 11.4053 56.1729L10.8594 55.6406C8.16212 52.9434 5.98902 49.7985 4.33984 46.1992L4.0166 45.4736C2.34053 41.5893 1.5 37.4347 1.5 33C1.5 28.8423 2.23941 24.9311 3.71289 21.2578L4.0166 20.5264C5.59581 16.8666 7.69987 13.6621 10.3271 10.9053L10.8594 10.3594C13.5566 7.66212 16.7015 5.48902 20.3008 3.83984L21.0264 3.5166C24.9107 1.84053 29.0652 1 33.5 1ZM33.5 5.59961C26.1089 5.59961 19.7791 8.09503 14.5664 13.0752L14.0654 13.5654C8.75897 18.8719 6.09961 25.3704 6.09961 33C6.09961 40.3911 8.59503 46.7209 13.5752 51.9336L14.0654 52.4346C19.3719 57.741 25.8704 60.4004 33.5 60.4004C40.8911 60.4004 47.2209 57.905 52.4336 52.9248L52.9346 52.4346C58.241 47.1281 60.9004 40.6296 60.9004 33C60.9004 25.6089 58.405 19.2791 53.4248 14.0664L52.9346 13.5654C47.6281 8.25897 41.1296 5.59961 33.5 5.59961ZM50.7305 24.9141L28.8799 46.7656L16.2686 34.1543L19.4746 30.9492L28.8799 40.3545L29.5869 39.6475L47.5244 21.709L50.7305 24.9141Z",fill:"#31C498",stroke:"white","stroke-width":"2"}})]),e._v(" "),t("p",{staticClass:"success__content"},[e._v(e._s(e.couponMessage))]),e._v(" "),t("button",{staticClass:"cta cta--light",attrs:{type:"submit"},on:{click:function(t){e.toggleOpen(),e.showForm()}}},[t("span",{staticClass:"btn__wrapper",domProps:{innerHTML:e._s(e.successCtaText)}})])])])])])])]),e._v(" "),t("div",{staticClass:"ddx-button",attrs:{id:"ddx-button"}},[t("div",{staticClass:"ddx-form__container"},[t("div",{staticClass:"ddx-form__bg"},[t("div",{staticClass:"container-ddx",class:{"is-opened":e.isOpened}},[t("div",{staticClass:"floating-button",on:{click:e.toggleOpen}},[t("img",{staticClass:"icon ddx",attrs:{src:e.imageUrl,alt:""}}),e._v(" "),t("svg",{staticClass:"icon close",attrs:{viewBox:"0 0 512 512"}},[t("path",{attrs:{d:"M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z"}})])]),e._v(" "),t("div",{staticClass:"ddx-form__label"},[e._v(e._s(e.ddxLabel))])])])])])]):e._e()},r=[],o=(i(4114),i(3278)),n=i(2053),a=i(1380),d=i(4808),l=i(4465);const c=o._$.regex("alphaExtended",/^[\w\D][^\u0021-\u002D\u003A-\u0040]*$/);var m={name:"DdxWidget",components:{FieldInput:n.A,FieldCheckbox:d.A},mixins:[a.Hy],props:{fieldEmail:{type:Object,required:!0,default:{}},srcset:{type:[Object,String],required:!1,default:void 0},fieldFirstName:{type:Object,required:!0,default:()=>({})},fieldLastName:{type:Object,required:!0,default:()=>({})},imageUrl:{type:String,default:""},ctaClass:{type:String,default:"btn btn--black"},submitBtnText:{type:String,default:"Submit"},fieldCheckboxes:{type:Array,required:!0,default:[]},apiUrl:{type:String,required:!0,default:""},title:{type:String,required:!0,default:""},ddxLabel:{type:String,required:!0,default:""},description:{type:String,required:!0,default:""},successMessage:{type:String,required:!0,default:""},successCtaText:{type:String,default:"Done"},validationMsg:{type:Object,default:()=>({})},disableCheckbox:{type:Boolean,required:!0,default:!1},formSubmitTagging:{type:Object,required:!0,default:()=>({})},formOpenTagging:{type:Object,required:!0,default:()=>({})},fieldPhoneNumber:{type:Object,required:!0,default:void 0},fieldSkinConcern:{type:Array,required:!0,default:[]},couponMessage:{type:String,required:!0,default:""}},data(){return{isDdxVisible:!1,selectedSkinConcern:this.fieldSkinConcern.listValue[0].value,isOpened:!1,observer:null,form:{email:"",firstName:"",lastName:"",phone:"",gdpr:{},error:!1},validateDate:!0,validationSettings:{form:{firstName:{alphaExtended:c},lastName:{alphaExtended:c},email:{email:o.Rp,required:o.mw},phone:{},gdpr:{}}},productInfo:{},formEle:null,successContainer:null}},computed:{vulidateSettings:{get(){if(!this.disableCheckbox)for(let e=0;e<this.fieldCheckboxes.length;e++)this.fieldCheckboxes[e].required&&this.$set(this.validationSettings.form.gdpr,`checkbox-${this.fieldCheckboxes[e].gdprId}`,{required:o.mw,sameAs:(0,o.f4)((()=>!0))});return this.fieldEmail.required&&(this.validationSettings.form.email={email:o.Rp,required:o.mw}),this.fieldPhoneNumber.required&&(this.validationSettings.form.phone={required:o.mw}),""!==this.fieldPhoneNumber.regExp&&(this.validationSettings.form.phone.phone=o._$.regex("regexpval",new RegExp(this.fieldPhoneNumber.regExp))),this.fieldFirstName.required&&(this.validationSettings.form.firstName={required:o.mw,alph

1aExtended:c}),this.fieldLastName.required&&(this.validationSettings.form.lastName={required:o.mw,alphaExtended:c}),this.validationSettings.form}}},validations(){return{form:this.vulidateSettings}},created(){this.setCheckboxesToVueData()},mounted(){window.eventBus.$on("mikmakOpened",(e=>{this.productInfo=e,this.isDdxVisible=!0,this.isOpened&&this.toggleOpen(),setTimeout((()=>{this.formEle=document.querySelector("form"),this.formTitle=document.querySelector(".ddx-form__title"),this.successContainer=document.querySelector(".success__section")}),50);const t=document.querySelector(".ddx-widget-container"),i=document.querySelector(".variantPopup_active");i&&(t?i.style.zIndex="unset":i.style.removeProperty("z-index"))})),window.eventBus.$on("mikmakClosed",(()=>{this.resetForm(),this.isDdxVisible=!1}))},methods:{toggleOpen(){this.isOpened&&(this.resetForm(),this.$v?.$reset(),this.successContainer&&(this.successContainer.style.display="none"),this.formEle&&(this.formEle.style.display="block"),this.formTitle&&(this.formTitle.style.display="flex")),this.isOpened=!this.isOpened,this.isOpened&&(window.eventBus.$emit("clearError",!1),this.taggingRegistration()),this.resetForm()},objectMap(e,t){return Object.keys(e).reduce((function(i,s){return i[s]=t(e[s],s),i}),{})},setCheckboxesToVueData(){this.fieldCheckboxes.forEach((e=>{this.$set(this.form.gdpr,`checkbox-${e.gdprId}`,e.value)}))},resetForm(){this.form={email:"",firstName:"",lastName:"",phone:"",gdpr:{},skinConcern:this.fieldSkinConcern.listValue?.[0]}},submitForm(){this.validateDate=!1,window.eventBus.$emit("clearError",!0),this.$v.form.$touch(),this.$nextTick((()=>{this.validateDate=!0,setTimeout((()=>{if(!this.$v.form.$pending&&!this.$v.form.$error){const e=this.fieldCheckboxes.map(((e,t)=>({gdrpSettingItemId:this.fieldCheckboxes[t].gdprId,isSelected:this.form.gdpr[`checkbox-${e.gdprId}`]}))),t=this.objectMap(this.form,((e,t)=>{if("object"===typeof e){const t=[];for(const i in e)e.hasOwnProperty(i)&&e[i]&&t.push(i);return t}return e}));(0,l.L)(`${window.location.origin}/${this.apiUrl}`,{...t,gdpr:e,skinConcern:document.getElementById("skinConcern")?document.getElementById("skinConcern").value:""}).then((e=>{this.formEle&&(this.formEle.style.display="none"),this.formTitle&&(this.formTitle.style.display="none"),this.taggingDdx(),this.successContainer&&(this.successContainer.style.display="flex")})).catch((()=>{console.error("Request failed")}))}}),200)}))},taggingRegistration(){this.formOpenTagging&&window.dataLayer.push({event:"uaevent",ecommerce:"undefined",event_name:this.formOpenTagging.event_name,eventCategory:this.formOpenTagging.eventCategory,eventAction:this.formOpenTagging.eventAction,eventLabel:`${this.productInfo.productName}::${this.productInfo.productId}`,product_info:`${this.productInfo.productName}::${this.productInfo.productId}`})},taggingDdx(){this.formSubmitTagging&&window.dataLayer.push({event:"uaevent",ecommerce:"undefined",event_name:this.formSubmitTagging.event_name,eventCategory:this.formSubmitTagging.eventCategory,eventAction:this.formSubmitTagging.eventAction,eventLabel:this.formSubmitTagging.eventLabel,form_name:this.formSubmitTagging.form_name,product_info:`${this.productInfo.productName}::${this.productInfo.productId}`})},showForm(){this.resetForm(),this.formEle.style.display="block",this.formTitle.style.display="flex",setTimeout((()=>{window.eventBus.$emit("clearError",!1)}),50),this.successContainer.style.display="none"}},beforeDestroy(){this.observer&&this.observer.disconnect()}},u=m,f=i(1656),p=(0,f.A)(u,s,r,!1,null,null,null),h=p.exports}}]);
2//# sourceMappingURL=633.9c10dfcf.js.map