https://www.ulta.com/ux/assets/js/ulta-modules-MessageNotification-MessageNotification-js.32dc8c91.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[8919],{84199:(e,t,a)=>{a.r(t)},24725:(e,t,a)=>{a.r(t)},78520:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.propTypes=t.defaultProps=t.default=t.Image=void 0;var l=r(a(19115)),i=r(a(55462)),n=a(76948);function r(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},s.apply(null,arguments)}const o=a(28145).A.BREAKPOINTS,c=e=>{const t=e.desktopImage,a=e.tabletImage,l=e.mobileImage,r=e.altText,c=e.ariaHidden,d=e.loading,f=void 0===d?u.loading:d;if(!t)return null;const m=(0,n.conditionalAttributes)({"aria-hidden":c?"true":void 0}),p="(min-width: "+o.MEDIUM+"px)",g="(min-width: "+o.LARGE+"px)";let v=l;return l||(v=t),i.default.createElement("div",{className:"pal-c-Image"},i.default.createElement("picture",null,i.default.createElement("source",{srcSet:t,media:g}),i.default.createElement("source",{srcSet:a,media:p}),i.default.createElement("img",s({className:"pal-c-Image__img",src:v,alt:r,loading:f},m))))};t.Image=c;const d=t.propTypes={ariaHidden:l.default.bool,desktopImage:l.default.string,tabletImage:l.default.string,mobileImage:l.default.string,altText:l.default.string,loading:l.default.oneOf(["lazy","eager"])},u=t.defaultProps={loading:"lazy"};c.propTypes=d;t.default=c},55528:(e,t,a)=>{t.df=void 0,a(84199);var l=c(a(20999)),i=c(a(19115)),n=c(a(55462)),r=a(19940),s=c(a(91678)),o=c(a(81540));function c(e){return e&&e.__esModule?e:{default:e}}const d=e=>{const t=e.externalMediaElement,a=e.message,i=e.variantTypeLabel,c=e.variants,d=e.externalActionElement;if(!a)return null;const u=(0,l.default)("pal-c-MessageNotification",{}),f=!!t,m=null===c||void 0===c?void 0:c.find(e=>e.image),p=(0,l.default)("pal-c-MessageNotification__variantLabel",{"pal-c-MessageNotification__variantLabel--swatch":m});return n.default.createElement("div",{className:u,role:"region","aria-labelledby":"variant-id"},f&&n.default.createElement("div",{className:"pal-c-MessageNotification__imageContainer"},(0,r.renderObject)(t)),n.default.createElement("div",{className:"pal-c-MessageNotification__messageContainer"},n.default.createElement("div",{className:"pal-c-MessageNotification__title",id:"variant-id"},n.default.createElement(o.default,{htmlTag:"p",textStyle:"label",color:"default"},a)),i&&n.default.createElement("div",{className:p},n.default.createElement(o.default,{textStyle:"label-sm",textColor:"xsubtle"},i)),(null===c||void 0===c?void 0:c.length)>0&&n.default.createElement("div",{className:"pal-c-MessageNotification__variantsList"},n.default.createElement("ul",{className:"pal-c-MessageNotification__listItems"},null===c||void 0===c?void 0:c.map((e,t)=>n.default.createElement("li",{key:t,className:"pal-c-MessageNotification__item"},n.default.createElement(s.default,{variantTypeDescription:e.label,swatchImage:e.image}))))),d&&n.default.createElement("div",{className:"pal-c-MessageNotification__action"},(0,r.renderObject)(d))))};t.df=d;const u={externalMediaElement:i.default.object,message:i.default.string,variantTypeLabel:i.default.string,variants:i.default.array,externalActionElement:i.default.object};d.propTypes=u},91678:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.propTypes=t.defaultProps=t.default=t.ProductVariant=void 0,a(24725);var l=c(a(20999)),i=c(a(19115)),n=c(a(55462)),r=a(19940),s=c(a(78520)),o=c(a(81540));function c(e){return e&&e.__esModule?e:{default:e}}const d=e=>{const t=e.externalMedia,a=e.swatchImage,i=e.variantTypeLabel,c=e.variantTypeDescription,d=e.variant,u=void 0===d?f.variant:d,m=e.swatchImages,p=(0,l.default)("pal-c-ProductVariant","pal-c-ProductVariant--".concat(u));if(![i,c,a,t,m&&m.length>0].some(Boolean))return null;return n.default.createElement("div",{className:p},i&&n.default.createElement(o.default,{textStyle:"label-sm"},i),t&&("multi"===u?n.default.createElement("div",{className:"pal-c-ProductVariant--swatches"},(0,r.renderObject)(t)):(0,r.renderObject)(t)),!t&&("multi"===u?null!==m&&void 0!==m&&m.length?n.default.createElement("div",{className:"pal-c-ProductVariant--swatches"},m.map((e,t)=>n.default.createElement(s.default,{key:"pal-c-ProductVariant--swatch-".concat(t),ariaHidden:!0,desktopImage:e.imageUrl,altText:""}))):null:null!==a&&void 0!==a&&a.imageUrl?n.default.createElement(s.default,{ariaHidden:!0,desktopImage:a.imageUrl,altText:""}):null),c&&n.default.createElement(o.default,{textStyle:"label-sm"},c))};t.ProductVariant=d;const u=t.propTypes={externalMedia:i.default.object,swatchImage:i.default.object,variantTypeLabel:i.default.string,variantTypeDescription:i.default.string,variant:i.default.oneOf(["default","multi"]),swatchImages:i.default.array},f=t.defaultProps={variant:"default"};d.propTypes=u;t.default=d},97187:(e,t,a)=>{a.d(t,{H:()=>o,J:()=>c});var l=a(55462),i=a(76856),n=a(57445),r=a(34237),s=a(97187);const o=e=>{const{componentRef:t,root:a,rootMargin:i,threshold:n,dataCapture:o}=e,{hasIntersected:c}=(0,r.BL)(t,{root:a,rootMargin:i,threshold:n});(0,l.useEffect)(()=>{c&&o&&s.J({dataCapture:o})},[c,o])},c=e=>{const{dataCapture:t}=e;t&&i.Ay.processEvents({dataCapture:{...t}},n.h.DATACAPTURE_EVENT_TYPE.viewport)}},97795:(e,t,a)=>{a.r(t),a.d(t,{MessageNotification:()=>p,composeToggleShowMore:()=>g,default:()=>b,propTypes:()=>v});

1var l=a(55462),i=a(19115),n=a(55528),r=a(53507),s=a(19747),o=a(97187),c=a(21365),d=a(14792),u=a(57445),f=a(9945);const{COLUMN_CONTAINER_BREAKPOINTS:m}=u.A,p=function(e){const{title:t,variantsLabel:a,showLess:i,showMore:u,maxItemDisplay:p,variants:v,setShowSpacer:b,thumbnailImage:E}=e,{breakpoint:_}=(0,c.bT)(),N=m[_.CURRENT_BREAKPOINT],y=p?.[N]?p[N]:p?.mobile,[h,M]=(0,l.useState)(y),T=v?.length,I=T>y,[x,A]=(0,l.useState)(h!==T),C=(0,l.useRef)();(0,l.useEffect)(()=>{M(y)},[y]),(0,l.useEffect)(()=>{A(h!==T)},[h]),(0,l.useEffect)(()=>{b&&b(!!t)},[t]);let L=v?.slice(0,h);const w=x?(0,f.A)(u?.label,[v?.length-y]):i?.label,O=(0,l.useCallback)(g({isMaxCountVisible:x,variantCount:T,sflPaginationlimit:y},{setDisplayCount:M,setIsMaxCountVisible:A}),[x,h,A,v,y]);(0,o.H)({...e,componentRef:C});const P=E?(0,d.C)({thumbnailImage:E}):null,R=I?l.createElement("div",{className:"MessageNotification__button"},l.createElement(r.Ay,{likeLink:!0,onClick:O,label:w,size:"compact"})):null;return l.createElement("div",{className:"MessageNotification",ref:C},l.createElement(s.Ay,null,l.createElement("div",{className:"MessageNotification__wrapper"},l.createElement(n.df,{message:t,variantTypeLabel:a,variants:L,externalActionElement:R,externalMediaElement:P}))))},g=(e,t)=>()=>{const{isMaxCountVisible:a,sflPaginationlimit:l,variantCount:i}=e||{},{setIsMaxCountVisible:n,setDisplayCount:r}=t||{};a?(r(i),n(!1)):(r(l),n(!0))},v={title:i.string.isRequired,variantsLabel:i.string.isRequired,showLess:i.object.isRequired,showMore:i.object.isRequired,showMoreLabel:i.string.isRequired,maxItemDisplay:i.object.isRequired,variants:i.arrayOf(i.shape({label:i.string,image:i.object})).isRequired,thumbnailImage:i.object};p.propTypes=v;const b=p},9945:(e,t,a)=>{a.d(t,{A:()=>l});const l=(e,t=[])=>{if(!e)return null;if(!t||e&&!e.includes("%"))return e;return t.reduce((e,t,a)=>{const l=`%${a+1}`;return e.replace(l,t)},e)}}}]);
2//# sourceMappingURL=ulta-modules-MessageNotification-MessageNotification-js.32dc8c91.chunk.js.map