https://www.ulta.com/ux/assets/js/ulta-modules-RewardsMessaging-RewardsMessaging-js.c1d0c9c6.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[2865,1151,9039],{72941:(e,t,n)=>{n.d(t,{m_:()=>m,qH:()=>p,Ay:()=>b,gw:()=>y,OU:()=>g,JY:()=>u});var o=n(55462),r=n(19115),i=n(53507),a=n(17045),l=n(15638),c=n(86710),s=n(22629),d=n(22593);const m=e=>{const{action:t,actionIcon:n=h.actionIcon,parentBoundaryRef:r}=e,[m,y]=(0,o.useState)(!1),{displayOverlay:f}=(0,d.e)(),b=(0,o.useCallback)(e=>{null!==e&&(b.current=e)},[]),_=(0,o.createRef)(),C=(0,o.createRef)(),E=(0,o.createRef)(),[v]=(0,s.tQ)();return(0,o.useEffect)(()=>{if(!window||!m)return void u({ref:b,focusRef:E});const e=p({ref:b,focusRef:E},{setTooltipOpen:y});return v(()=>{window.addEventListener("click",e,{once:!0}),window.addEventListener("resize",e)}),()=>{window.removeEventListener("click",e),window.removeEventListener("resize",e)}},[m]),e.message?o.createElement("div",{className:"Tooltip"},o.createElement(i.Ay,{variant:"unstyled",icon:!0,className:"Tooltip__button",iconImage:n,iconSize:"m",isExpanded:m,ariaLabel:e.accessibilityLabel,ariaControls:"TooltipContent",ariaHiddenIcon:!0,action:t,ref:E,onClick:g({ref:b,caretRef:_,closeRef:C,parentBoundaryRef:r},{setTooltipOpen:y,displayOverlay:f})}),o.createElement("div",{ref:b,className:"Tooltip__container"},o.createElement("div",{className:"Tooltip__wrapper"},o.createElement("div",{className:"Tooltip__caret",ref:_},o.createElement("div",{className:"Tooltip__caret--shape"})),o.createElement("div",{className:"Tooltip__content",id:"TooltipContent","aria-live":"polite",role:"tooltip"},e.icon&&o.createElement("div",{className:"Tooltip__icon"},o.createElement(a.A,{className:`Tooltip__icon--${e.icon}`,size:"m",name:e.icon,"aria-hidden":!0})),o.createElement("div",{className:"Tooltip__message"},o.createElement(c.Ay,{htmlTag:"p",textStyle:"body-3",textAlign:"left"},e.message)),o.createElement("div",{className:"Tooltip__close"},o.createElement(i.Ay,{variant:"unstyled",icon:!0,ariaLabel:e.dismissLabel,"aria-hidden":!0,iconImage:"X",type:"button",ref:C,onClick:p({ref:b,focusRef:E},{setTooltipOpen:y})}))),e.linkAction&&e.linkAction.label&&o.createElement("div",{className:"Tooltip__action"},o.createElement(l.Ay,{compact:!0,action:e.linkAction,withHover:!0},e.linkAction.label))))):null},u=e=>{const{ref:t={},focusRef:n={}}=e||{},o=n.current?.getBoundingClientRect().left/16;t.current&&(t.current.style.left="-"+(o-1.25)+"rem")},p=(e,t)=>{const{ref:n={},focusRef:o={}}=e||{},{setTooltipOpen:r}=t||{};if("visible"===n.current?.style.visibility)return()=>{n.current.style.visibility="hidden",r(!1),o.current?.focus()}},g=(e,t)=>{const{caretRef:n={},ref:o={},closeRef:r={},parentBoundaryRef:i={}}=e||{},{setTooltipOpen:a,displayOverlay:l}=t||{};return e=>{const t=e.target.getBoundingClientRect(),c=o.current.clientHeight/16,s=o.current.clientWidth/16;let d;o.current.style.width=s+"rem",l&&(d=i?.current||null);const m=e.clientX/16,u=window.innerWidth/16;if(m<=s?u-m<=s?(o.current.style.left=u-s-m+"rem",o.current.style.right="auto",n.current.style.left=m-3+"rem",n.current.style.right="auto"):(o.current.style.left=0,o.current.style.right="auto",n.current.style.left=0,n.current.style.right="auto"):(o.current.style.left="auto",o.current.style.right="-0.25rem",n.current.style.right=0,n.current.style.left="auto"),d){const e=d.getBoundingClientRect(),r=o.current.getBoundingClientRect(),i=e.left,a=e.right,l=r.left,c=r.right,s=(t.left,t.width,y(d)/16||1.5),m=(n.current.offsetWidth,o.current.parentElement.getBoundingClientRect().left);if(l<i){const e=(i-m+16*s)/16;o.current.style.left=`${e}rem`,o.current.style.right="auto"}else if(c>a){const e=(a-m-r.width)/16-s;o.current.style.left=`${e}rem`,o.current.style.right="auto"}}const p=e.clientY/16;if(window.innerHeight/16-p<c+6?(o.current.style.top="auto",o.current.style.bottom=1.25*t.height/16+"rem",n.current.classList.add("Tooltip__caret--flipped")):(o.current.style.top=1.25*t.height/16+"rem",o.current.style.bottom="auto",n.current.classList.remove("Tooltip__caret--flipped")),d){const e=t.left+t.width/2,r=n.current.offsetWidth/16,i=(e-o.current.getBoundingClientRect().left)/16-r/2;n.current.style.left=`${i}rem`,n.current.style.right="auto"}o.current.style.visibility="visible",a(!0),r.current.focus()}},y=e=>{if(!e)return 0;const t=window.getComputedStyle(e),n=parseFloat(t.paddingLeft)||0;if(n>0)return n;const o=Array.from(e.children).find(e=>y(e)>0);return o?y(o):0},f={message:r.string.isRequired,icon:r.string,accessibilityLabel:r.string,dismissLabel:r.string,linkAction:r.object,action:r.object,actionIcon:r.string,parentBoundaryRef:r.object},h={actionIcon:"QuestionCircle"};m.propTypes=f,m.defaultProps=h;const b=m},58545:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});const o=n(87901).Ay},15057:(e,t,n)=>{n.r(t),n.d(t,{PromotedCardMini:()=>_,default:()=>v,defaultProps:()=>E,propTypes:()=>C});var o=n(55462),r=n(44545),i=n(19115),a=n(53507),l=n(17045),c=n(15638),s=n(86710),d=n(72941),m=n(34237),u=n(68759),p=n(51432),g=n(83058),y=n(5572),f=n(52792),h=n(77309);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},b.apply(null,arguments)}const _=function(e){const{action:t,actionIconName:n,backgroundColor:i,displayAsMobile:p,headline:_,headlineColor:C=E.headlineColor,headlineType:v=E.headlineType,iconName:A,onCtaClick:T,subheadline:N,toolTip:w,secondaryAction:M,root:R=E.root,rootMargin:k=E.rootMargin,threshold:P=E.threshold}=e,O=(0,o.useRef)();(0,m.BL)(O,{root:R,rootMargin:k,threshold:P},(0,f.eP)(e));const L=!(0,y.R)(t)&&!!t.label,I=!!M?.label,B=t?.navigationType===u.ZZ.Redirect||(0,h.Nz)(t),S=L&&!B&&!(0,h.Nz)(t),j=(0,o.useMemo)(()=>r("PromotedCardMini__Content",{"PromotedCardMini__Content--withIconWithAction":A&&L,"PromotedCardMini__Content--noIconWithAction":!A&&L,"PromotedCardMini__Content--withIconNoAction":A&&!L,"PromotedCardMini__Content--noIconNoAction":!A&&!L,"PromotedCardMini__Content--column":p}),[A,L,p]);return o.createElement("div",{className:r("PromotedCardMini",{[`PromotedCardMini--${i}`]:i}),ref:O},o.createElement("div",{className:j},A&&o.createElement("div",{className:"PromotedCardMini__Icon"},o.createElement(l.A,{name:A,"aria-hidden":!0})),o.createElement("div",{className:"PromotedCardMini__ContentWrapper"},o.createElement("div",{className:"PromotedCardMini__HeadlineWrapper"},o.createElement("div",{className:"PromotedCardMini__headerContainer"},o.createElement("div",{className:"PromotedCardMini__Headline"},o.createElement(s.Ay,{htmlTag:v,textStyle:"body-1",color:C},_),w?.message&&o.createElement(d.Ay,(0,g.iU)({...w}))),o.createElement("div",{className:"PromotedCardMini__subHeadline"},o.createElement(s.Ay,{htmlTag:"p",textStyle:"body-2",textAlign:"left",color:"neutral-800"},N))),I&&o.createElement("div",{className:"PromotedCardMini__helperLabel"},o.createElement(c.Ay,{secondary:!0,action:M},M.label))),L&&o.createElement("div",{className:"PromotedCardMini__Action"},B&&o.createElement(c.Ay,b({compact:!0,action:t},(0,g.iU)({onClick:T})),t.label),S&&o.createElement(a.Ay,b({tertiary:!0,withHover:!0,tiny:!0,label:t.label,iconImage:n,iconRight:!0,iconSize:"s",alignment:"right",action:t},(0,g.iU)({onClick:T}),{crossButtonVisibility:!0}))))))},C={headline:i.oneOfType([i.string,i.element]),headlineType:i.string,backgroundColor:i.string,

1subheadline:i.string,headlineColor:i.string,iconName:i.string,action:i.object,actionIconName:i.string,onCtaClick:i.func,secondaryAction:i.shape({label:i.string,url:i.string})},E={headlineColor:"black",headlineType:"h3",...p.A.INTERSECTION_OBSERVER_OPTIONS};_.propTypes=C,_.defaultProps=E;const v=_},64975:(e,t,n)=>{n.r(t),n.d(t,{RewardsMessaging:()=>L,composeJoinNow:()=>B,default:()=>D,defaultProps:()=>j,getDerivedState:()=>I,propTypes:()=>S});var o=n(55462),r=n(44545),i=n(58791),a=n(19115),l=n(6601),c=n(27003),s=n(68759),d=n(18618),m=n(83058),u=n(45454);var p=n(21349),g=n(17045),y=n(15638),f=n(72941),h=n(34237),b=n(21365),_=n(52696),C=n(51432),E=n(52792),v=n(74511),A=n(58545),T=n(21309),N=n(77309);const w=function(e){const{action:t,elements:n,headline:r,icon:i,subheadline:a,message:l,toolTip:c,root:s=R.root,rootMargin:d=R.rootMargin,threshold:u=R.threshold}=e,C=(0,o.useRef)();(0,h.BL)(C,{root:s,rootMargin:d,threshold:u},(0,E.eP)(e));const{breakpoint:w}=(0,b.bT)(),M=w.isLargeDevice(),k=(0,_.Pb)(n),P=o.createElement(o.Fragment,null,o.createElement(g.A,{name:i,size:"xl"}),o.createElement(T.default,{htmlTag:r?.htmlTag||"h2",style:M?"title":"body-1"},r?.text)),O=(0,N.Nz)(t);return o.createElement("div",{className:"PromotedCardDropdown",ref:C},o.createElement(p.Ay,{headerChildren:P,isActive:!0,ariaControls:"accordion-section-id",ariaLabelledBy:"accordion-label-id"},o.createElement("div",{className:"pal-c-Accordion__PointsWrapper"},o.createElement("div",{className:"pal-c-Accordion__PointsToEarn"},o.createElement("div",{className:"pal-c-Accordion__GetPoints"},a&&o.createElement(A.default,{bodyStyle:"body-2",cmsMarkdownContent:a}),c?.message&&o.createElement(f.Ay,(0,m.iU)({...c}))),l&&o.createElement(T.default,{htmlTag:"p",style:"body",color:"neutral-700"},l)),k&&o.createElement("ul",{className:"pal-c-Accordion__PointsSection"},n?.map(({label:e,value:t},n)=>o.createElement(o.Fragment,{key:n},o.createElement("li",{className:"pal-c-Accordion__PointsBreakdown"},o.createElement(T.default,{htmlTag:"p",style:"body-sm"},e),o.createElement(T.default,{htmlTag:"p",style:"title-6",className:"pal-c-Accordion__FancyBackground"},t)))))),!O&&o.createElement(v.default,{label:t?.label,variant:"secondary",size:"compact",type:"submit",action:t}),O&&o.createElement(y.Ay,{likeButtonSecondary:!0,compact:!0,action:t},t.label)))},M={action:a.object,elements:a.arrayOf(a.shape({label:a.string,value:a.string})),headline:a.shape({htmlTag:a.string,text:a.string}),icon:a.string,subheadline:a.string,message:a.string,toolTip:a.shape({accessibilityLabel:a.string,actionIcon:a.string,icon:a.string,message:a.string}),root:a.object,rootMargin:a.string,threshold:a.number},R={...C.A.INTERSECTION_OBSERVER_OPTIONS};w.propTypes=M,w.defaultProps=R;const k=w;var P=n(15057);function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},O.apply(null,arguments)}const L=o.forwardRef((e,t)=>{const{user:n}=(0,c.ur)(),i=I({props:e,user:n}),{components:a,configureContainerQuery:s,displayAsMobile:d,dropdown:p,dropdownContent:g,hasRedirectAction:y,headline:f="",includeDivider:h=j.includeDivider,invokeMutation:b,joinNowAction:_,loading:C,messages:E=j.messages,miniCardContent:v}=i,[A]=(0,l.Ay)({loading:C,delay:600}),T=v&&!p,N=p&&Object.values(g).some(e=>null!==e);(0,o.useEffect)(()=>{s&&s({maxWidth:500})},[s]);const w=(0,o.useCallback)(B({joinNowAction:_},{invokeMutation:b}),[_]);return a.Main?o.createElement("div",{className:r("RewardsMessaging",{"RewardsMessaging--border-bottom":h}),id:e.id,ref:t},a.ErrorMessage&&E.map((e,t)=>o.createElement("div",{className:"RewardsMessaging__blockErrorMessage",key:`${t}-$messages-{props.componentKey}`},o.createElement(u.Ay,{message:e.message,backgroundColor:e.backgroundColor,borderColor:e.borderColor,textColor:e.textColor,dismissAction:e.dismissAction,action1:e.action1,action2:e.action2,action1Style:"link",actionIcon:e.icon}))),A,N&&o.createElement(k,{dataCapture:g.dataCapture,action:g.action,elements:g.elements,headline:g.headline,icon:g.icon,subheadline:g.subheadline,message:g.message,toolTip:g.toolTip}),T&&o.createElement(P.default,O({column:"true",invokeMutation:b,displayAsMobile:d,onCtaClick:y?void 0:w},(0,m.iU)({...v,headline:f})))):null}),I=e=>{const{props:t={},user:n={}}=e||{},r=i(t,{joinNowAction:{}}),{content:a={},dropdown:l=!1}=r,{action:c}=a||{},{graphql:m,customHeaders:u,navigationType:p}=c||{},{loginStatus:g}=n;return m&&g&&(r.joinNowAction={graphql:m,customHeaders:u,variables:{url:{path:!(0,d.S$)()&&window.location.pathname}}}),r.miniCardContent={...a},p===s.ZZ.Flyout&&(r.miniCardContent.action.crossButtonVisibility=!0,r.miniCardContent.action.alignment="left"),p===s.ZZ.Redirect&&(r.hasRedirectAction=!0),r.components={Main:0!==Object.keys(r.miniCardContent).length,ErrorMessage:!!r.messages},r.headline=l?a?.headline:(e=>{const{title:t,character:n,shouldAppend:r=!0}=e||{};if(!t||!n)return"";const i=t.split(n);return r||i?.length>1?o.createElement(o.Fragment,null,i[0],o.createElement("sup",null,n),i[1]):o.createElement(o.Fragment,null,i[0])})({title:a?.headline,character:"\xae",shouldAppend:!1}),l&&(r.dropdownContent={...a}),r},B=(e,t)=>()=>{const{joinNowAction:n}=e||{},{invokeMutation:o}=t||{};n?.graphql&&o&&o(n)},S={configureContainerQuery:a.func,content:a.shape({action:a.object,headline:a.string}),displayAsMobile:a.bool,dropdown:a.bool,id:a.string,includeDivider:a.bool,invokeMutation:a.func,messages:a.array},j={includeDivider:!1,messages:null};L.displayName="RewardsMessaging",L.propTypes=S,L.defaultProps=j;const D=L}}]);
2//# sourceMappingURL=ulta-modules-RewardsMessaging-RewardsMessaging-js.c1d0c9c6.chunk.js.map