https://www.maybelline.com/frontend/master/js/sfmc.f21f96d5.js

1"use strict";(self["webpackChunkwsf_master_mny"]=self["webpackChunkwsf_master_mny"]||[]).push([[608],{4975:function(t,e,a){a.r(e),a.d(e,{default:function(){return b}});var i=a(2895),n=function(){var t=this,e=t._self._c;return e("div",t._b({staticClass:"sfmc",attrs:{id:t.fieldId,"data-default-content":t.showFallback.toString()}},"div",t.additionalProperties,!1),[t.showRecommendationList?t._t("recommendations",null,{recommendations:t.recommendations}):t._e(),t._v(" "),t.showFallback?t._t("default-list"):t._e()],2)},r=[],d=a(3172),s={name:"SfmcContainer",props:{apiUrl:{type:String,required:!0,default:"/api/sfmc/sfmc-products"},payloadConfig:{type:Object,required:!0},enabled:{type:Boolean,required:!0},fieldId:{type:String,default:()=>{const t="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){const e=16*Math.random()|0,a="x"===t?e:3&e|8;return a.toString(16)});return`sfmc-container-${t}`}}},data(){return{success:!1,loading:this.enabled,recommendations:[],experienceId:null,userGroup:null,pollingId:void 0,payloadConfigFixed:this.payloadConfig}},computed:{showRecommendationList(){return!this.loading&&this.success},showFallback(){return!this.loading&&(!this.enabled||!this.success)},additionalProperties(){return this.experienceId&&this.userGroup?{...this.$attrs,"data-evg-experience-id":this.experienceId,"data-evg-user-group":this.userGroup,"data-evg-campaign-id":this.payloadConfig.campaign}:{}}},mounted(){this.enabled?(0,d.YJ)(this.$el,{checkIsVisible:!1}).then(()=>{this.getRecommendedContent()}):(this.loading=!1,this.fireCarouselEvent())},methods:{fireCarouselEvent(){this.$nextTick(()=>{setTimeout(()=>{window.eventBus.$emit("CAROUSELUPDATECHILDREN")},400)})},async getRecommendedContent(){this.enabled?(this.payloadConfigFixed.currentItemType=window.interactionStudioData?window.interactionStudioData.itemType:"",this.payloadConfigFixed.currentISItemId=window.interactionStudioData?window.interactionStudioData.itemId:"",this.payloadConfigFixed.currentPageUrl=this.getCurrentUrl(),fetch(this.apiUrl,{method:"POST",headers:{"Content-Type":"application/json;charset=utf-8"},credentials:"same-origin",body:JSON.stringify(this.payloadConfigFixed)}).then(t=>t.json()).then(t=>{t.success?(this.recommendations=t.data,this.success=t.data&&t.data.length>0,this.experienceId=t.experienceId,this.userGroup=t.userGroup,this.$nextTick(()=>{this.polling()})):this.success=!1,this.fireCarouselEvent()}).catch(t=>{console.error(t),this.fireCarouselEvent()}).finally(()=>{this.loading=!1})):this.loading=!1},userHasInteracted(){this.getRecommendedContent()},polling(){window.Evergage&&(this.pollingId=setInterval(()=>{window.Evergage.getCurrentPage().action&&(this.emitISEvents(),clearInterval(this.pollingId))},400))},emitISEvents(){this.success&&window.Evergage&&(window.Evergage.cashDom(`#${this.fieldId}`).attr({"data-evg-campaign-id":this.payloadConfigFixed.campaign,"data-evg-experience-id":this.experienceId,"data-evg-user-group":this.userGroup}),document.dispatchEvent(new CustomEvent(window.Evergage.CustomEvents.OnTemplateDisplayEnd,{detail:{payload:{campaign:this.payloadConfigFixed.campaign,experience:this.experienceId,userGroup:this.userGroup}}})))},getCurrentUrl(){return window.location.pathname+window.location.search}}},o=s,c=a(1656),u=(0,c.A)(o,n,r,!1,null,null,null),l=u.exports,p=function(){var t=this,e=t._self._c;return e("ul",{staticClass:"carousel__inner"},t._l(t.recommendations,function(a,i){return e("slide",{key:i,attrs:{"role-description-text":t.slideDescriptionText}},[e("div",{staticClass:"product-card",attrs:{"data-tag-wrapper":"","data-qa":"product-card"}},[e("div",{staticClass:"product-card__content",attrs:{"data-tag-product-identifier":""}},[e("div",{staticClass:"product-card__img-wrapper",attrs:{"data-tag-product-position":i+1,"data-tag-product-variant":a.variantName,"data-tag-product-price":a.price,"data-tag-product-currency":a.currencyCode,"data-tag-product-name":a.productDisplayName,"data-tag-product-id":a.productUniqueNumber,"data-tag-product-list":"best-sellers","data-tag-product-category":a.taggingCategoryName,"data-tag-product-brand":a.brandName,"data-tag-product-dimension36":a.variantName,"data-tag-product-dimension48":a.productUniqueNumber,"data-tag-product-dimension49":a.dimension49,"data-tag-product-dimension91":a.dimension91,"data-tag-product-url":a.productLink}},[e("img",{attrs:{src:a.imageUrl,alt:a.imageAltText,"aria-hidden":"true"}})]),t._v(" "),a.newProduct?e("span",{staticClass:"card_badge"},[t._v(t._s(t.newLabel))]):t._e(),t._v(" "),t.bvRatingsEnabled?e("div",{attrs:{"data-bv-show":"inl

1ine_rating","data-bv-productId":a.productId,"data-bv-seo":"false"}}):t._e(),t._v(" "),e("a",{directives:[{name:"tag",rawName:"v-tag:productclick.dom",value:{label:a.productName+"::"+a.productUniqueNumber},expression:"{ label: item.productName + '::' + item.productUniqueNumber }",arg:"productclick",modifiers:{dom:!0}}],staticClass:"product-card__name",attrs:{href:a.productLink}},[t._v(t._s(a.productName))]),t._v(" "),e("div",{staticClass:"product-card__shades"},[t._v(t._s(a.shadesText))]),t._v(" "),t.productDescriptionEnabled?e("div",{staticClass:"product-card__description"},[e("span",[t._v(t._s(a.productDescription))])]):t._e(),t._v(" "),t.buyButtonEnabled?e("a",{staticClass:"btn btn--dark has-text-centered",attrs:{href:a.productLink}},[e("span",{staticClass:"btn__label"},[t._v(t._s(t.buyButtonText))])]):t._e()])])])}),1)},g=[],m=a(2954),h=a(3559),x={name:"SfmcProductCard",directives:{tag:m.Tc},components:{Slide:h.A},props:{recommendations:{type:Array,required:!0,default:()=>[]},slideDescriptionText:{type:String,required:!1,default:""},buyButtonText:{type:String,required:!1,default:""},newLabel:{type:String,required:!1,default:""},productDescriptionEnabled:{type:Boolean,required:!1,default:!1},buyButtonEnabled:{type:Boolean,required:!1,default:!1},bvRatingsEnabled:{type:Boolean,required:!1,default:!1}}},f=x,v=(0,c.A)(f,p,g,!1,null,null,null),_=v.exports,b=(0,i.fC)({components:{SfmcContainer:l,SfmcProductCard:_}})}}]);