https://www.paulaschoice.com/on/demandware.static/Sites-paulaschoi…/static/js/4617.d333a4c81f18dddcbd86.js

1"use strict";(self.webpackChunksite=self.webpackChunksite||[]).push([[4617],{22104:(t,o,n)=>{n.d(o,{g:()=>r});var e=/(fill\s*=\s*["'])([^"']+)(["'])/gi,i=/(fill\s*:\s*)([^;"}]+)(\s*;?)/gi,a=/<path\b([^>]*?)(\/?)>/gi,c=function(t){var o=t.trim().toLowerCase().replace(/\s+/g,"");return["none","transparent","currentcolor","white","#fff","#ffffff","rgb(255,255,255)","rgba(255,255,255,1)"].includes(o)||o.startsWith("url(")||o.startsWith("var(")},r=function(t,o){if(null==t||!t.trim())return"";if(null==o||!o.trim())return t;var n=o.startsWith("#")?o:"#".concat(o),r=t.replace(a,(function(t,o,n){var e=/\bstroke\s*=/.test(o),i=/\bfill\s*=/.test(o);if(e&&!i){var a=o.trim(),c=n?"/>":">";return"<path".concat(a?" ":"").concat(a,' fill="none"').concat(c)}return t})),l=!1,d=r.replace(e,(function(t,o,e,i){return l||c(e)?"".concat(o).concat(e).concat(i):(l=!0,"".concat(o).concat(n).concat(i))}));return l?d:d.replace(i,(function(t,o,e,i){return l||c(e)?"".concat(o).concat(e).concat(i):(l=!0,"".concat(o).concat(n).concat(i))}))}},74617:(t,o,n)=>{n.r(o),n.d(o,{Column:()=>E,ImageOverlayColumn:()=>E,default:()=>D});var e=n(89575),i=n(24586),a=n(79082),c=n(14041),r=n(53057),l=n(23324),d=n(83),u=n(84883),s=n(66515),g=n(73575),p=n(392),m=n(56903),v=n(27043),b=n(22104),h=n(50941),k=n(82993),f=n(41156),y=function(t){return t?l.A.mobileMaxWidth:l.A.mobileWidth},C=function(t){return"@media screen and (max-width: ".concat(y(t),")")},w="data-io-box",x="[".concat(w,"]"),A=new Map,B=function(t,o){var n=(0,c.useState)((function(){return t?A.get(t):void 0})),e=(0,a.A)(n,2),i=e[0],r=e[1];return(0,c.useEffect)((function(){if(o&&t){var n=A.get(t);if(!n){var e=!1,i=new Image,a=function(){if(!e&&i.naturalWidth&&i.naturalHeight){var o={width:i.naturalWidth,height:i.naturalHeight};A.set(t,o),r(o)}};return i.addEventListener("load",a),i.src=t,i.complete&&a(),function(){e=!0,i.removeEventListener("load",a)}}r(n)}else r(void 0)}),[o,t]),i},M=function(t){return t?"aspect-ratio: ".concat(t.width," / ").concat(t.height,"; height: auto;"):""};var I=(0,r.Ay)(d.Ay).withConfig({displayName:"ImageOverlay__Wrapper",componentId:"sc-1xojc24-0"})((function(t){var o=t.reverseColumnsOnMobile,n=t.useTabletBreakpoint;return"\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: stretch;\n\twidth: 100%;\n\t".concat(C(n)," {\n\t\t").concat(o?"flex-wrap: wrap-reverse;":"","\n\t}\n")})),E=r.Ay.div.withConfig({displayName:"ImageOverlay__Column",componentId:"sc-1xojc24-1"})((function(t){var o=t.desktopWidth,n=t.mobileWidth,e=t.desktopHeight,i=t.mobileHeight,a=t.$contentDrivenColumnHeight,c=t.$measuredMinHeight,r=t.backgroundColor,l=t.backgroundImageDesktop,d=t.backgroundImageMobile,u=t.backgroundPositionDesktop,g=t.backgroundPositionMobile,p=t.desktopAspectRatio,m=t.mobileAspectRatio,v=t.noBackgroundCropDesktop,b=t.noBackgroundCropMobile,h=t.editing,k=t.editingThis,f=t.clickable,y=t.useTabletBreakpoint;return"\n\twidth: ".concat(o,"%;\n\talign-self: stretch;\n\t").concat(a?"height: auto;\n\t".concat(p?"aspect-ratio: ".concat(p.width," / ").concat(p.height,";"):"number"==typeof c&&c>0?"min-height: ".concat(c,"px;"):"min-height: fit-content;"):"".concat(void 0!==e?"height: ".concat(e,"px;"):"","\n\t").concat(void 0===e&&p?"aspect-ratio: ".concat(p.width," / ").concat(p.height,";"):""),"\n\tposition: relative;\n\toverflow: hidden;\n\t").concat(f?"cursor: pointer;":"","\n\t").concat(r?"background-color: ".concat(r,";"):"","\n\t").concat(l?"background-image: url('".concat(l,"');"):"","\n\t").concat(u?"background-position: ".concat(u.x,"% ").concat(u.y,"%;"):"","\n\tbackground-repeat: no-repeat;\n\tbackground-size: ").concat(v?"contain":"cover",";\n\t").concat(C(y)," {\n\t\twidth: ").concat(void 0!==n?"".concat(n,"%"):"100%",";\n\t\t").concat(function(t){var o=t.contentDrivenColumnHeight,n=t.mobileAspectRatio,e=t.desktopAspectRatio,i=t.measuredMinHeight,a=t.mobileHeight,c=t.desktopHeight;return o?n?M(n):function(t){return"number"==typeof t&&t>0?"min-height: ".concat(t,"px;"):"min-height: fit-content;"}(i):void 0!==a?"height: ".concat(a,"px;"):void 0!==c?"height: ".concat(c,"px;"):M(n||e)}({contentDrivenColumnHeight:a,mobileAspectRatio:m,desktopAspectRatio:p,measuredMinHeight:c,mobileHeight:i,desktopHeight:e}),"\n\t\t").concat(d?"background-image: url('".concat(d,"');"):"","\n\t\t").concat(g?"background-position: ".concat(g.x,"% ").concat(g.y,"%;"):"","\n\t\tbackground-size: ").concat(b?"contain":"cover",";\n\t}\n\t").concat(s.N," {\n\t\tdisplay: ").concat(h?"block":"none",";\n\t\topacity: ").concat(k?"1":"0",";\n\t}\n\t&:hover {\n\t\t").concat(s.N," {\n\t\t\topacity: ").concat(h||k?"1":"0",";\n\t\t}\n\t}\n")})),T=(0,r.Ay)(g.A).withConfig({displayName:"ImageOverlay__VideoBg",componentId:"sc-1xojc24-2"})((function(t){var o=t.doNotCrop,n=t.backgroundPosition,e=t.useTabletBreakp

1oint,i=t.$forMobile,a=C(e),c="object-fit: ".concat(o?"contain":"cover",";"),r=n?"object-position: ".concat(n.x,"% ").concat(n.y,"%;"):"",l="".concat(c).concat(r);return i?"".concat(l,"\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t\t").concat(a," { display: block; visibility: visible; }"):"".concat(l,"\n\t\t\t").concat(a," { display: none; visibility: hidden; }")})),H=r.Ay.div.withConfig({displayName:"ImageOverlay__MediaSection",componentId:"sc-1xojc24-3"})((function(t){var o=t.useTabletBreakpoint,n=t.$forMobile;return"\n\t".concat(n?"display: none; visibility: hidden;":"display: block; visibility: visible;","\n\t").concat(C(o)," {\n\t\t").concat(n?"display: block; visibility: visible;":"display: none; visibility: hidden;","\n\t}\n")})),N=r.Ay.div.attrs((function(){return(0,i.A)({},w,"")})).withConfig({displayName:"ImageOverlay__Box",componentId:"sc-1xojc24-4"})((function(t){var o=t.anchor,n=t.width,e=t.cmsMode,i=t.$hub;return"\n\tposition: absolute;\n\t".concat("top"in o?"top: ".concat(o.top,"%;"):"","\n\t").concat("bottom"in o?"bottom: ".concat(o.bottom,"%;"):"","\n\t").concat("left"in o?"left: ".concat(o.left,"%;"):"","\n\t").concat("right"in o?"right: ".concat(o.right,"%;"):"","\n\twidth: ").concat(n,"%;\n\tword-wrap: break-word;\n\t").concat(e?"border: 1px dashed lime;":"","\n\t").concat("c"===i?"top: 50%; left: 50%; transform: translate(-50%, -50%);":"hc"===i?"left: 50%; transform: translateX(-50%);":"vc"===i?"top: 50%; transform: translateY(-50%);":"","\n\t")})),R=r.Ay.div.withConfig({displayName:"ImageOverlay__ContentItem",componentId:"sc-1xojc24-5"})((function(t){var o=t.align,n=t.marginTop,e=t.marginBottom;return"\n\ttext-align: ".concat(o,";\n\tmargin-top: ","".concat(n,"px"),";\n\tmargin-bottom: ","".concat(e,"px"),";\n")})),_=r.Ay.div.withConfig({displayName:"ImageOverlay__CredentialBadgeContent",componentId:"sc-1xojc24-6"})(["width:100%;line-height:0;svg{display:block;width:100%;height:auto;}"]),O=(0,r.Ay)(h.A).withConfig({displayName:"ImageOverlay__ButtonContent",componentId:"sc-1xojc24-7"})((function(t){var o=t.color,n=t.textColor,e=t.ctaColor;return"\n\t&& {\n\t\tdisplay: inline-block;\n\t\twidth: auto;\n\t\tbutton {\n\t\t\t".concat(e?"":"border: none;","\n\t\t\t").concat(o&&!e?"background-color: ".concat(o,";"):"","\n\t\t\t").concat(n&&!e?"color: ".concat(n,";"):"","\n\t\t\twidth: auto;\n\t\t\tpadding: 0 24px;\n\t\t}\n\t\tbutton:hover {\n\t\t\t").concat(o&&!e?"background-color: ".concat(o,";"):"","\n\t\t}\n\t}\n")})),W=function(t){var o,n,i,r,l,g,h,C,w,A,M,I,W,D,$,L,j,S,P,z,q,F,V=t.column,Q=t.index,U=t.data,X=t.useTabletBreakpoint,Y=t.contentDrivenColumnHeight,G=t.enableCtaButtonColor,J=(0,c.useRef)(null),K=function(t,o,n,e){var i,r,l,d=(0,c.useState)(null),u=(0,a.A)(d,2),s=u[0],g=u[1],p=(null===(i=n.aspectRatio)||void 0===i?void 0:i.mobile)||(null===(r=n.aspectRatio)||void 0===r?void 0:r.desktop),m=null===(l=n.aspectRatio)||void 0===l?void 0:l.desktop;return(0,c.useLayoutEffect)((function(){if(t){if("undefined"!=typeof ResizeObserver){var n=o.current;if(n){var i=window.matchMedia("(max-width: ".concat(y(e),")")),a=function(){var t=o.current;if(t)if(i.matches||!m)if(i.matches&&p)g(null);else{var n=t.getBoundingClientRect().top,e=0;Array.from(t.querySelectorAll(x)).forEach((function(t){var o=t.getBoundingClientRect();if(!(o.width<1&&o.height<1)){var i=o.bottom-n;i>e&&(e=i)}})),g(e<1?null:Math.ceil(e+(i.matches?72:40)))}else g(null)};a();var c=new ResizeObserver(a);return c.observe(n),Array.from(n.querySelectorAll(x)).forEach((function(t){c.observe(t)})),i.addEventListener("change",a),function(){i.removeEventListener("change",a),c.disconnect()}}}}else g(null)}),[t,o,m,p,n.boxes.desktop,n.boxes.mobile,e]),s}(Y,J,V,X),Z=(0,c.useContext)(p.B).analytics,tt=(0,c.useContext)(m.i),ot=tt.isCmsMode,nt=tt.editingAssetId,et=(0,c.useContext)(v.NQ),it=U.id,at=U.editingId,ct=ot&&nt===it,rt=ot,lt=null===(o=V.aspectRatio)||void 0===o?void 0:o.desktop,dt=null===(n=V.aspectRatio)||void 0===n?void 0:n.mobile,ut=!lt&&void 0===(null===(i=V.height)||void 0===i?void 0:i.desktop),st=!dt&&void 0===(null===(r=V.height)||void 0===r?void 0:r.mobile),gt=B(null===(l=V.background.image)||void 0===l?void 0:l.desktop.url,ut),pt=B((null===(g=V.background.image)||void 0===g||null===(h=g.mobile)||void 0===h?void 0:h.url)||(null===(C=V.background.image)||void 0===C?void 0:C.desktop.url),st),mt=lt||gt,vt=dt||pt||lt||gt,bt=function(t,o){return c.createElement(R,{key:o,align:t.align,marginTop:t.marginTop,marginBottom:t.marginBottom},"buttonText"in t?c.createElement(O,{color:t.color&&(0,d.su)({slug:t.color.slug,percent:t.color.tint}),textColor:t.textColor&&(0,d.su)({slug:t.textColor.slug,percent:t.textColor.tint}),ctaColor:G?t.ctaColor:void 0,url:t.linkUrl,pageType:f.g.generic,id:k.V.alhenaAiChat,assetId:it,notFullWidth:!0},t.buttonText):"credentialBadgeId"in t?c.createElement(_,{dangerouslySetInnerHTML:{__html:(0,b.g)(t.credentialBadgeSvg,t.credentialBadgeBackgroun

1dColor)}}):c.createElement(u.Ay,{text:t.text,assetId:it}))},ht=function(t,o){var n=t.anchor||{top:0,left:0},i=Object.keys(n).length<2,a={anchor:n,width:void 0!==t.width?t.width:100,cmsMode:rt};return i?"left"in n||"right"in n?c.createElement(N,(0,e.A)({key:o},a,{$hub:"vc"}),t.content.map(bt)):"top"in n||"bottom"in n?c.createElement(N,(0,e.A)({key:o},a,{$hub:"hc"}),t.content.map(bt)):c.createElement(N,(0,e.A)({key:o},a,{$hub:"c"}),t.content.map(bt)):c.createElement(N,(0,e.A)({key:o},a),t.content.map(bt))};return c.createElement(E,{ref:J,$contentDrivenColumnHeight:Y,$measuredMinHeight:Y?K:null,desktopWidth:V.width.desktop,mobileWidth:V.width.mobile,desktopHeight:Y||null===(w=V.height)||void 0===w?void 0:w.desktop,mobileHeight:Y||null===(A=V.height)||void 0===A?void 0:A.mobile,backgroundColor:V.background.color&&(0,d.su)({slug:V.background.color.slug,percent:V.background.color.tint}),backgroundImageDesktop:null===(M=V.background.image)||void 0===M?void 0:M.desktop.url,backgroundImageMobile:null===(I=V.background.image)||void 0===I||null===(W=I.mobile)||void 0===W?void 0:W.url,backgroundPositionDesktop:null===(D=V.background.image)||void 0===D?void 0:D.desktop.position,backgroundPositionMobile:null===($=V.background.image)||void 0===$||null===(L=$.mobile)||void 0===L?void 0:L.position,desktopAspectRatio:mt,mobileAspectRatio:vt,noBackgroundCropDesktop:null===(j=V.background.image)||void 0===j?void 0:j.desktop.doNotCrop,noBackgroundCropMobile:null!==(S=V.background.image)&&void 0!==S&&S.mobile?null===(P=V.background.image)||void 0===P||null===(z=P.mobile)||void 0===z?void 0:z.doNotCrop:null===(q=V.background.image)||void 0===q?void 0:q.desktop.doNotCrop,editing:ct,editingThis:ct&&at===Q.toString(),onClick:ct?function(t){return function(t,o){var n;t.preventDefault(),t.stopPropagation(),null===(n=window.top)||void 0===n||n.postMessage({editorMessage:!0,childId:o},"*")}(t,Q.toString())}:V.columnLink?function(){return t=V.columnLink,Z.trackEvent({name:"imageOverlayColumnLinkClick"},{assetId:it}),void et.navigateTo({url:t});var t}:void 0,role:V.columnLink?"link":void 0,tabIndex:V.columnLink?0:void 0,clickable:!!V.columnLink,useTabletBreakpoint:X},ct&&c.createElement(s.N,null),(null===(F=V.background)||void 0===F?void 0:F.video)&&c.createElement(c.Fragment,null,V.background.video.desktop&&c.createElement(T,{$forMobile:!1,videoMp4:V.background.video.desktop.videoMp4,videoWebm:V.background.video.desktop.videoWebm,backgroundPosition:V.background.video.desktop.position,doNotCrop:V.background.video.desktop.doNotCrop,useTabletBreakpoint:X}),V.background.video.mobile&&c.createElement(T,{$forMobile:!0,videoMp4:V.background.video.mobile.videoMp4,videoWebm:V.background.video.mobile.videoWebm,backgroundPosition:V.background.video.mobile.position,doNotCrop:V.background.video.mobile.doNotCrop,useTabletBreakpoint:X})),c.createElement(H,{useTabletBreakpoint:X,$forMobile:!1},V.boxes.desktop.map(ht)),c.createElement(H,{useTabletBreakpoint:X,$forMobile:!0},V.boxes.mobile.map(ht)))};const D=function(t){var o=t.data,n=t.className,e=t.useTabletBreakpoint,i=t.contentDrivenColumnHeight,a=void 0!==i&&i,r=t.enableCtaButtonColor,l=void 0!==r&&r,d=o.cmsData;if(!d)return null;var u=d.colorsetOptions,s=d.columns,g=d.reverseColumnsOnMobile;return c.createElement(I,{colorset:u,reverseColumnsOnMobile:g,className:n,useTabletBreakpoint:e},s.map((function(t,n){return c.createElement(W,{data:o,column:t,index:n,key:n,useTabletBreakpoint:e,contentDrivenColumnHeight:a,enableCtaButtonColor:l})})))}}}]);