https://www.ulta.com/ux/assets/js/ulta-modules-CreditCardApprovalR…itCardApprovalResponse-js.135a6cb5.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7652,2687,9039,1715],{72941:(e,t,n)=>{n.d(t,{m_:()=>u,qH:()=>p,Ay:()=>h,gw:()=>g,OU:()=>f,JY:()=>m});var o=n(55462),r=n(19115),i=n(53507),a=n(17045),l=n(15638),s=n(86710),c=n(22629),d=n(22593);const u=e=>{const{action:t,actionIcon:n=b.actionIcon,parentBoundaryRef:r}=e,[u,g]=(0,o.useState)(!1),{displayOverlay:y}=(0,d.e)(),h=(0,o.useCallback)(e=>{null!==e&&(h.current=e)},[]),v=(0,o.createRef)(),C=(0,o.createRef)(),_=(0,o.createRef)(),[T]=(0,c.tQ)();return(0,o.useEffect)(()=>{if(!window||!u)return void m({ref:h,focusRef:_});const e=p({ref:h,focusRef:_},{setTooltipOpen:g});return T(()=>{window.addEventListener("click",e,{once:!0}),window.addEventListener("resize",e)}),()=>{window.removeEventListener("click",e),window.removeEventListener("resize",e)}},[u]),e.message?o.createElement("div",{className:"Tooltip"},o.createElement(i.Ay,{variant:"unstyled",icon:!0,className:"Tooltip__button",iconImage:n,iconSize:"m",isExpanded:u,ariaLabel:e.accessibilityLabel,ariaControls:"TooltipContent",ariaHiddenIcon:!0,action:t,ref:_,onClick:f({ref:h,caretRef:v,closeRef:C,parentBoundaryRef:r},{setTooltipOpen:g,displayOverlay:y})}),o.createElement("div",{ref:h,className:"Tooltip__container"},o.createElement("div",{className:"Tooltip__wrapper"},o.createElement("div",{className:"Tooltip__caret",ref:v},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(s.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:h,focusRef:_},{setTooltipOpen:g})}))),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},m=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()}},f=(e,t)=>{const{caretRef:n={},ref:o={},closeRef:r={},parentBoundaryRef:i={}}=e||{},{setTooltipOpen:a,displayOverlay:l}=t||{};return e=>{const t=e.target.getBoundingClientRect(),s=o.current.clientHeight/16,c=o.current.clientWidth/16;let d;o.current.style.width=c+"rem",l&&(d=i?.current||null);const u=e.clientX/16,m=window.innerWidth/16;if(u<=c?m-u<=c?(o.current.style.left=m-c-u+"rem",o.current.style.right="auto",n.current.style.left=u-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,s=r.right,c=(t.left,t.width,g(d)/16||1.5),u=(n.current.offsetWidth,o.current.parentElement.getBoundingClientRect().left);if(l<i){const e=(i-u+16*c)/16;o.current.style.left=`${e}rem`,o.current.style.right="auto"}else if(s>a){const e=(a-u-r.width)/16-c;o.current.style.left=`${e}rem`,o.current.style.right="auto"}}const p=e.clientY/16;if(window.innerHeight/16-p<s+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()}},g=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=>g(e)>0);return o?g(o):0},y={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},b={actionIcon:"QuestionCircle"};u.propTypes=y,u.defaultProps=b;const h=u}

1,11936:(e,t,n)=>{n.d(t,{BD:()=>m,Bw:()=>l,Nj:()=>c,PA:()=>a,es:()=>s,xP:()=>p});var o=n(96428),r=n(50873),i=n(11936);const a=async e=>{const{el:t,offset:n=0,autoFocus:o=!0,animate:r=!0}=e||{};if(!t)return!1;const a=i.es({el:t}),l=i.Bw({elScrollTop:a,offset:n});if(0===l)return!1;const s={top:l,left:0};r&&(s.behavior="smooth");try{await i.BD(s)}catch{window.scrollTo(s.left,s.top)}if(!1===o)return!0;const c=window.scrollX,d=window.scrollY;return i.Nj({el:t})?(t.focus(),window.scrollTo(c,d),!0):(t.setAttribute("tabindex","-1"),t.addEventListener("blur",()=>{t.removeAttribute("tabindex")},{once:!0}),setTimeout(()=>{t.focus(),window.scrollTo(c,d)},150),!0)},l=e=>{const{elScrollTop:t,offset:n}=e||{},r=(0,o.L)(n)?n:0;return((0,o.L)(t)?t:0)+r},s=e=>{const{el:t}=e||{};if("function"!==typeof t?.getBoundingClientRect)return 0;const{top:n}=t.getBoundingClientRect();let o=0;const i=document.querySelector(".DesktopHeader__StickyHeader"),a=document.querySelector("#MobileHeader"),l=!!i?.offsetHeight||!!a?.offsetHeight;i?.offsetHeight&&(o=i.offsetHeight);const s=n<0;return s&&!l&&(o=(0,r.getTopBarHeight)()),s&&a?.offsetHeight&&(o=a.offsetHeight),n+window.scrollY-o},c=e=>{const{el:t}=e||{};if(!t||!t.tagName)return!1;const n=t.getAttribute("tabindex"),o=t.tagName.toUpperCase();return(!t.hasAttribute("disabled")||!d.includes(o))&&!!([...d,...u].includes(o)||t.hasAttribute("href")||null!==n&&n>-1)},d=["BUTTON","INPUT","SELECT","TEXTAREA"],u=["SUMMARY","DETAILS"],m=e=>new Promise((t,n)=>{const o=document.scrollingElement;if(!document.scrollingElement)return n();let r=o.scrollTop,a=o.scrollLeft;const l=Object.assign({top:r,left:a},e),s=o.scrollHeight-o.clientHeight,c=o.scrollWidth-o.clientWidth,d=Math.max(0,Math.min(s,l.top)),u=Math.max(0,Math.min(c,l.left));window.scrollTo(l),window.requestAnimationFrame(i.xP({elem:o,targetPositionTop:d,targetPositionLeft:u,lastPositionTop:r,lastPositionLeft:a,ticks:0},{resolve:t,reject:n}))}),p=(e,t)=>()=>{const{elem:n,targetPositionTop:o,targetPositionLeft:r}=e||{},{resolve:a,reject:l}=t||{};if(!a||!l||!n)return;const s=n.scrollTop,c=n.scrollLeft,d=Math.abs(s-o)<=1&&Math.abs(c-r)<=1;if(s===e.lastPositionTop&&c===e.lastPositionLeft){if(e.ticks++>2)return d?a():l()}else e.ticks=0,e.lastPositionTop=s,e.lastPositionLeft=c;window.requestAnimationFrame(i.xP({elem:n,targetPositionTop:o,targetPositionLeft:r,lastPositionTop:e.lastPositionTop,lastPositionLeft:e.lastPositionLeft,ticks:e.ticks},{resolve:a,reject:l}))}},30887:(e,t,n)=>{n.r(t),n.d(t,{CreditCardApprovalResponse:()=>m,default:()=>f,propTypes:()=>p});var o=n(55462),r=n(19115),i=n(53507),a=n(83058),l=n(54258),s=n(15057),c=n(51144),d=n(73373);function u(){return u=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},u.apply(null,arguments)}const m=e=>{const{aprLabel:t,aprInfoMessage:n,aprSuperscriptValue:r,aprValue:m,creditLimit:p,creditLimitLabel:f,componentKey:g,discountMessage:y,transactionLimit:b,transactionLimitLabel:h,rewardsMessage:v,viewDetailsAction:C}=e,_={[f]:(0,d.vv)(p),[t]:m&&o.createElement("div",null,r&&o.createElement(o.Fragment,null,`${m}%`,o.createElement("sup",null,r)),!r&&`${m}%`),[h]:(0,d.vv)(b)};return o.createElement("div",{className:"CreditCardApprovalResponse"},o.createElement(l.default,{containerClassName:"CreditCardApprovalResponse__MetadataListContainer",componentKey:`MetadataList-${g}`,data:Object.entries(_),labelColor:"neutral-600",labelTextStyle:"eyebrow",stacked:!0,title:"Credit Approval Response Details",valueColor:"black",valueTextStyle:"title-5"}),n&&o.createElement("div",{className:"CreditCardApprovalResponse__AprMessageContainer"},o.createElement(c.default,(0,a.iU)({...n})),C?.label&&o.createElement(i.Ay,{label:C.label,likeLink:!0,action:C})),y&&o.createElement(c.default,(0,a.iU)({...y})),v&&o.createElement(s.default,u({},(0,a.iU)({...v}),{displayAsMobile:!0})))},p={creditLimitLabel:r.string,creditLimit:r.number,aprLabel:r.string,aprValue:r.number,aprInfoMessage:r.object,aprSuperscriptValue:r.string,transactionLimitLabel:r.string,transactionLimit:r.number,discountMessage:r.object,rewardsMessage:r.object,viewDetailsAction:r.object},f=m},54258:(e,t,n)=>{n.r(t),n.d(t,{LineItem:()=>l,MetadataList:()=>s,default:()=>u,defaultProps:()=>d,propTypes:()=>c});var o=n(55462),r=n(44545),i=n(19115),a=n(21309);const l=({label:e,labelColor:t,labelTextStyle:n,stacked:i,value:l,valueColor:s,valueTextStyle:c}

1)=>e&&l?o.createElement("div",{className:r("MetadataList__LineItem",{"MetadataList__LineItem--stacked":!!i})},o.createElement("dt",null,o.createElement(a.default,{color:t,htmlTag:"span",textStyle:n},e)),o.createElement("dd",null,o.createElement(a.default,{color:s,htmlTag:"span",textStyle:c},l))):null,s=function(e){const{containerClassName:t=d.containerClassName,componentKey:n,data:i=d.data,labelColor:a,labelTextStyle:s,stacked:c=d.stacked,title:u=d.title,valueColor:m,valueTextStyle:p}=e;return u?i.length?o.createElement("dl",{className:r("MetadataList",{[t]:!!t}),title:u},i.map((e,t)=>o.createElement(l,{key:`${n}-${e[0]}-${e[1]}-${t}`,label:e[0],labelColor:a,labelTextStyle:s,stacked:c,value:e[1],valueColor:m,valueTextStyle:p}))):null:(console.error("The prop `title` is marked as required in `MetadataList`, but its value is `undefined`."),null)},c={containerClassName:i.string,componentKey:i.string,data:i.arrayOf(i.arrayOf(i.oneOfType([i.string,i.node]))).isRequired,labelColor:i.string,labelTextStyle:i.string,stacked:i.bool,title:i.string.isRequired,valueColor:i.string,valueTextStyle:i.string},d={containerClassName:"",data:[],stacked:!1,title:void 0};s.propTypes=c,s.defaultProps=d;const u=s},15057:(e,t,n)=>{n.r(t),n.d(t,{PromotedCardMini:()=>v,default:()=>T,defaultProps:()=>_,propTypes:()=>C});var o=n(55462),r=n(44545),i=n(19115),a=n(53507),l=n(17045),s=n(15638),c=n(86710),d=n(72941),u=n(34237),m=n(68759),p=n(51432),f=n(83058),g=n(5572),y=n(52792),b=n(77309);function h(){return h=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},h.apply(null,arguments)}const v=function(e){const{action:t,actionIconName:n,backgroundColor:i,displayAsMobile:p,headline:v,headlineColor:C=_.headlineColor,headlineType:T=_.headlineType,iconName:E,onCtaClick:A,subheadline:L,toolTip:w,secondaryAction:N,root:P=_.root,rootMargin:M=_.rootMargin,threshold:S=_.threshold}=e,R=(0,o.useRef)();(0,u.BL)(R,{root:P,rootMargin:M,threshold:S},(0,y.eP)(e));const k=!(0,g.R)(t)&&!!t.label,x=!!N?.label,I=t?.navigationType===m.ZZ.Redirect||(0,b.Nz)(t),O=k&&!I&&!(0,b.Nz)(t),B=(0,o.useMemo)(()=>r("PromotedCardMini__Content",{"PromotedCardMini__Content--withIconWithAction":E&&k,"PromotedCardMini__Content--noIconWithAction":!E&&k,"PromotedCardMini__Content--withIconNoAction":E&&!k,"PromotedCardMini__Content--noIconNoAction":!E&&!k,"PromotedCardMini__Content--column":p}),[E,k,p]);return o.createElement("div",{className:r("PromotedCardMini",{[`PromotedCardMini--${i}`]:i}),ref:R},o.createElement("div",{className:B},E&&o.createElement("div",{className:"PromotedCardMini__Icon"},o.createElement(l.A,{name:E,"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(c.Ay,{htmlTag:T,textStyle:"body-1",color:C},v),w?.message&&o.createElement(d.Ay,(0,f.iU)({...w}))),o.createElement("div",{className:"PromotedCardMini__subHeadline"},o.createElement(c.Ay,{htmlTag:"p",textStyle:"body-2",textAlign:"left",color:"neutral-800"},L))),x&&o.createElement("div",{className:"PromotedCardMini__helperLabel"},o.createElement(s.Ay,{secondary:!0,action:N},N.label))),k&&o.createElement("div",{className:"PromotedCardMini__Action"},I&&o.createElement(s.Ay,h({compact:!0,action:t},(0,f.iU)({onClick:A})),t.label),O&&o.createElement(a.Ay,h({tertiary:!0,withHover:!0,tiny:!0,label:t.label,iconImage:n,iconRight:!0,iconSize:"s",alignment:"right",action:t},(0,f.iU)({onClick:A}),{crossButtonVisibility:!0}))))))},C={headline:i.oneOfType([i.string,i.element]),headlineType:i.string,backgroundColor:i.string,subheadline: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})},_={headlineColor:"black",headlineType:"h3",...p.A.INTERSECTION_OBSERVER_OPTIONS};v.propTypes=C,v.defaultProps=_;const T=v},51144:(e,t,n)=>{n.r(t),n.d(t,{Section:()=>s,default:()=>m,defaultProps:()=>d,getId:()=>c,propTypes:()=>u});var o=n(55462),r=n(19115),i=n(87901),a=n(86710),l=n(11936);const s=function(e){const{title:t,sectionId:n,body:r,bodyStyle:s,alignment:u=d.alignment,bodyColor:m}=e,p=c({title:t,sectionId:n}),f=(0,o.useRef)(),g=t&&t.text;return(0,o.useEffect)(()=>{f.current&&p&&window.location.hash===`#${p}`&&(0,l.PA)({el:f.current,animate:!1})},[f.current]),o.createElement("div",{className:"Section",id:p,ref:f},o.createElement("div",{className:"Section__wrapper"},o.createElement("div",{className:"Section__contentSection"},g&&o.createElement(a.Ay,{htmlTag:t.htmlTag,textStyle:t.textStyle,color:t.color,textAlign:t.textAlign},t.text),r&&o.createElement("div",{className:`Section__markDown--${u}Align`},o.createElement(i.Ay,{bodyStyle:s,cmsMarkdownContent:r,bodyColor:m})))))},c=e=>e?.sectionId?e.sectionId:e?.title?.text?e?.title?.text.toLowerCase().replace(/\W/g,"-"):"",d={alignment:"left"},u={title:r.object,sectionId:r.string,body:r.string,bodyStyle:r.string,bodyColor:r.string};s.propTypes=u,s.defaultProps=d;const m=s}}]);
2//# sourceMappingURL=ulta-modules-CreditCardApprovalResponse-CreditCardApprovalResponse-js.135a6cb5.chunk.js.map