https://www.ulta.com/ux/assets/js/ulta-modules-FullBleedContentFea…ullBleedContentFeature-js.2ec074f0.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6387,1439,3767],{65886:(e,t,a)=>{a.r(t),a.d(t,{ActionGroup:()=>A,arrowLinkFormatter:()=>k,buttonFormatter:()=>E,composeClickHandler:()=>f,default:()=>B,getAction:()=>F,isActionStyle:()=>h,isButton:()=>C,linkFormatter:()=>v,propTypes:()=>T});var n=a(55462),l=a(44545),i=a(19115),r=a(53507),o=a(15638),c=a(22593),s=a(27003),u=a(68759);const d="openLoginModal";var m=a(83058),p=a(5572),y=a(18490),b=a(77309),_=a(3473);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},g.apply(null,arguments)}const A=function(e){const{user:t}=(0,p.Y)((0,s.ur)()),{ariaLabel:a,action1:i,action2:r,action1Style:o,action2Style:c,centerActions:u,isOfferActivated:d,clientActionType1:m,clientActionType2:y,invokeMutation:_}=(0,p.Y)(e),g=C(o)&&C(c),A=f({user:t,action:i,clientActionType:m},{invokeMutation:_}),v=f({user:t,action:r,clientActionType:y},{invokeMutation:_});return n.createElement("div",{className:l("ActionGroup",{ActionGroup__onlyLink:i&&!C(e.action1Style)&&!C(e.action2Style),ActionGroup__bothButton:C(e.action1Style)&&C(e.action2Style),ActionGroup__oneButton:C(e.action1Style)&&!C(e.action2Style),ActionGroup__isCentered:u})},F({ariaLabel:a,action:i,style:o,bothButtons:g,buttonClass:"ActionGroup__button1",clientActionType:m,isOfferActivated:d},{clickHandler:A,isAuthButton:b.Nz}),F({ariaLabel:a,action:r,style:c,bothButtons:g,buttonClass:"ActionGroup__button2",clientActionType:y,isOfferActivated:d},{clickHandler:v,isAuthButton:b.Nz}))},f=(e,t)=>a=>{const{user:n={},action:l={},clientActionType:i}=(0,p.Y)(e),{invokeMutation:r}=t||{};r&&(0,y.Zc)({query:l?.graphql})===y.jh.Mutation?r({graphql:l?.graphql,customHeaders:l?.customHeaders,variables:l?.variables}):n?.loginStatus||i!==u.D2.LEGACY_LOGIN?l?.signOut&&l?.signOut():((e="")=>{const t=new CustomEvent(d,{...e&&{detail:{data:{redirectPage:!0,successPath:e}}}});document.dispatchEvent(t)})(window.location.href)},v=e=>{const{label:t,ariaLabel:a,withHover:l,disabled:i,action:r={}}=(0,p.Y)(e);return n.createElement("div",{className:"ActionGroup__link"},n.createElement(o.Ay,{target:"_self",withHover:l,linkUrl:r.url,disabled:i,ariaLabel:a,action:r},t))},E=(e,t)=>{const{ariaLabel:a,label:l,style:i,isOfferActivated:o=!1,action:c}=(0,p.Y)(e),{clickHandler:s}=t||{};return n.createElement(r.Ay,g({label:l,action:c,ariaLabel:a},h(i,o),{onClick:s},(0,m.iU)({crossButtonVisibility:!!c.crossButtonVisibility})))},k=e=>{const{action:t}=e||{};return n.createElement(_.default,{linkAction:t,linkIcon:"ArrowForward",linkStyle:"title-6"})},F=(e,t)=>{const{ariaLabel:a,action:i={},style:r,buttonClass:o,bothButtons:s,isOfferActivated:u}=(0,p.Y)(e),{clickHandler:d,isAuthButton:m}=t||{};if(!i||!d)return null;const y=i?.label,_=a?`${y} ${a}`:y;return(0,c.zW)(i.navigationType)||C(r)||(0,b.sF)(i)?n.createElement("div",{className:l(o,{ActionGroup__bothButton:s})},!m(i)&&E({ariaLabel:_,label:y,style:r,isOfferActivated:u,action:i},{clickHandler:d}),m(i)&&v({ariaLabel:_,label:y,style:r,isOfferActivated:u,action:i},{clickHandler:d})):n.createElement(n.Fragment,null,"link"===r&&v({ariaLabel:_,label:y,withHover:!0,disabled:!1,action:i}),"link_disabled"===r&&v({ariaLabel:_,label:y,withHover:!1,disabled:!0,action:i}),"arrow_link"===r&&n.createElement("div",{className:"ActionGroup__arrowLink"},k({action:i})),"arrow_link_disabled"===r&&n.createElement("div",{className:"ActionGroup__arrowLink--disabled"},k({action:i})))},C=e=>{switch(e){case"primary":return"primary";case"primary_disabled":return"primary_disabled";case"tertiary":return"tertiary";case"tertiary_disabled":return"tertiary_disabled";case"secondary":return"secondary";case"secondary_disabled":return"secondary_disabled";case"buttonAsLink":return"link";default:return null}},h=(e,t)=>{switch(e){case"primary_disabled":return{disabled:!0};case"tertiary":return{tertiary:!0};case"tertiary_disabled":let e;return e=t?{secondary:!0,disabled:!0,iconLeft:!0,iconImage:"Check",iconSize:"s",className:"isOfferActivated"}:{secondary:!0,disabled:!0},e;case"secondary":return{secondary:!0};case"secondary_disabled":return{secondary:!0,disabled:!0};case"link":case"buttonAsLink":return{variant:"link"};default:return null}},T={action1:i.object,action1Style:i.string,action2:i.object,action2Style:i.string,centerActions:i.bool,clientActionType1:i.string,clientActionType2:i.string,invokeMutation:i.func,isOfferActivated:i.bool};A.propTypes=T;const B=A},7503:(e,t,a)=>{a.r(t),a.d(t,{FullBleedContentFeature:()=>y,default:()=>g,defaultProps:()=>_,propTypes:()=>b});var n=a(55462),l=a(44545),i=a(19115),r=a(15638),o=a(86710),c=a(21367),s=a(21365),u=a(83058),d=a(21677),m=a(65886);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},p.apply(null,arguments)}const y=function(e){const{inflection:t}=(0,s.bT)(),{actionGroup:a,appDownloadLabel:i,androidAppImage:y,androidAppLink:b,backgroundColor:g,bulletPoints:A,description:f,eyebrow:v,iconImage:E,image:k,iosAppImage:F,iosAppLink:C,mirror:h,showAppDownload:T,tag:B,title:w=_.title}=e,L=t.MOBILE,S=E&&i&&T&&!L,N=F&&y&&T&&L,O=(!!a?.action1.label||!!a?.action2.label)&&!T;return n.createElement("div",{className:l("FullBleedContentFeature",{[`FullBleedContentFeature__backgroundColor--${g}`]:g})},n.createElement("div",{className:"FullBleedContentFeature__wrapper"},n.createElement("div",{className:l("FullBleedContentFeature__content",{"FullBleedContentFeature__content--showButton":!T,"FullBleedContentFeature__content--mirror":h})},n.createElement("div",{className:"FullBleedContentFeature__textContent"},B&&n.createElement("div",{className:"FullBleedContentFeature__contentTag"},n.createElement(d.default,{style:"default",message:B})),v&&n.createElement("div",{className:"FullBleedContentFeature__contentEyebrow"},n.createElement(o.Ay,{htmlTag:"p",textStyle:"eyebrow",textAlign:"left"},v)),w&&w.text&&n.createElement("div",{className:"FullBleedContentFeature__headingTitle"},n.createElement(o.Ay,{htmlTag:w.htmlTag,textStyle:w.textStyle,color:w.color,textAlign:w.textAlign},w.text)),f&&n.createElement("div",{className:"FullBleedContentFeature__description"},n.createElement(o.Ay,{htmlTag:"p",textStyle:"subtitle-1",textAlign:"left"},f)),A&&n.createElement("ul",{className:"FullBleedContentFeature__features"},A.map((e,t)=>n.createElement("li",{key:t},n.createElement(o.Ay,{textStyle:"subtitle-1",htmlTag:"span",textAlign:"center"},e)))),S&&n.createElement("div",{className:"FullBleedContentFeature__appDownload"},n.createElement("div",{className:"FullBleedContentFeature__appDownloadImage"},n.createElement(c.Ay,p({},(0,u.iU)({...E}),{height:90,width:90}))),n.createElement("div",{className:"FullBleedContentFeature__appDownloadText"},n.createElement(o.Ay,{htmlTag:"p",textStyle:"body-2",textAlign:"left"},i))),O&&n.createElement("div",{className:"FullBleedContentFeature__actions"},n.createElement(m.default,{action1:a.action1,action2:a.action2,action1Style:a.action1Style,action2Style:a.action2Style}))),n.createElement("div",{className:"FullBleedContentFeature__imageContent"},n.createElement(c.Ay,(0,u.iU)({...k}))),N&&n.createElement("div",{className:"FullBleedContentFeature__appContent"},n.createElement("div",{className:"FullBleedContentFeature__appStore"},n.createElement("div",{className:"FullBleedContentFeature__appStoreIos"},n.createElement(r.Ay,{url:C},n.createElement(c.Ay,p({},(0,u.iU)({...F}),{width:126})))),n.createElement("div",{className:"FullBleedContentFeature__appStoreAndroid"},n.createElement(r.Ay,{url:b},n.createElement(c.Ay,p({},(0,u.iU)({...y}),{width:138})))))))))},b={tag:i.string,eyebrow:i.string,title:i.object,description:i.string,bulletPoints:i.array,backgroundColor:i.string,image:i.object,mirror:i.bool,iosAppImage:i.object,androidAppImage:i.object,iconImage:i.object,appDownloadLabel:i.string,

1showAppDownload:i.bool,actionGroup:i.object,iosAppLink:i.string,androidAppLink:i.string},_={title:{textStyle:"title-4"}};y.defaultProps=_,y.propTypes=b;const g=y},21677:(e,t,a)=>{a.r(t),a.d(t,{Tag:()=>s,default:()=>m,defaultProps:()=>d});var n=a(55462),l=a(19115),i=a(88040),r=a(66828),o=a(99728),c=a(8092);const s=function(e){const{backgroundColor:t,boldText:a,endTime:l,externalAction:s,icon:u,iconColor:m,message:p,size:y,startTime:b,style:_,textColor:g,theme:A=d.theme,timerMeta:f,timerType:v,variant:E=d.variant,action:k}=e;let F;const C="content-knockout"===g;return k&&k.label&&(F=(0,r.actionFormatter)({action:k,style:_,isKnockoutLink:C},{getButtonMarkup:o.y,getLinkMarkup:c.Y})),n.createElement(i.Tag,{backgroundColor:t,boldText:a,endTime:l,externalAction:s||F,icon:u,iconColor:m,message:p,size:y,startTime:b,style:_,textColor:g,theme:A,timerMeta:f,timerType:v,variant:E})},u={backgroundColor:l.string,boldText:l.string,endTime:l.string,externalAction:l.object,icon:l.string,iconColor:l.oneOf(["default","grayscale"]),message:l.string,size:l.oneOf(["compact","default","large"]),startTime:l.string,style:l.oneOf(["default","white","transparent","validation","notification","warning","error"]),textColor:l.string,timerMeta:l.object,timerType:l.oneOf(["3+ days","2 days","1 day","Hours","Extended","Upcoming","Timer"]),variant:l.oneOf(["default","icon","utility","utilityCompact","urgency","value","custom"])},d={theme:"default",variant:"default"};s.propTypes=u,s.defaultProps=d;const m=s}}]);
2//# sourceMappingURL=ulta-modules-FullBleedContentFeature-FullBleedContentFeature-js.2ec074f0.chunk.js.map