https://www.ulta.com/ux/assets/js/ulta-modules-ProductHero-ProductHero-js.b81a6877.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9991,1905,3507,479,163],{97187:(e,t,i)=>{i.d(t,{H:()=>o,J:()=>c});var a=i(55462),n=i(76856),r=i(57445),l=i(34237),s=i(97187);const o=e=>{const{componentRef:t,root:i,rootMargin:n,threshold:r,dataCapture:o}=e,{hasIntersected:c}=(0,l.BL)(t,{root:i,rootMargin:n,threshold:r});(0,a.useEffect)(()=>{c&&o&&s.J({dataCapture:o})},[c,o])},c=e=>{const{dataCapture:t}=e;t&&n.Ay.processEvents({dataCapture:{...t}},r.h.DATACAPTURE_EVENT_TYPE.viewport)}},67774:(e,t,i)=>{i.d(t,{Ay:()=>b});var a=i(55462),n=i(19115),r=i(53507),l=i(17045),s=i(30930),o=i(15638),c=i(86710),d=i(21367),m=i(68759),p=i(83058);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)({}).hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e},g.apply(null,arguments)}const u=function(e){const{action:t,action2:i,description:n,image:u,icon:y,infoMessage:b,onClick:A,title:f,subTitle:v}=e,h=t?.navigationType===m.ZZ.Redirect;return a.createElement("div",{className:"SummaryItemCard"},a.createElement("div",{className:"SummaryItemCard__Content"},u&&a.createElement(d.Ay,g({},u,{aspectRatio:"1:1",width:64,height:64})),y&&a.createElement(l.A,{name:y,size:"custom",className:"SummaryItemCard__Icon"}),f&&a.createElement("div",{className:"SummaryItemCard__Content__Title"},a.createElement(c.Ay,{htmlTag:"h1",color:"neutral-900",textStyle:"body-xlg"},f)),v&&a.createElement(c.Ay,{textStyle:"body-2",color:"neutral-600",textAlign:"center"},v),n&&a.createElement("div",{className:"SummaryItemCard__Content__Description"},a.createElement(c.Ay,{textStyle:"body-2",color:"neutral-900",textAlign:"center"},n)),b&&a.createElement("div",{className:"SummaryItemCard__Content__message"},a.createElement(s.Ay,g({},(0,p.iU)({...b}),{messageType:"infocircle",role:"alert"})))),t?.label&&a.createElement(a.Fragment,null,a.createElement("div",{className:"SummaryItemCard__Actions"},h?a.createElement(o.Ay,{likeButtonSecondary:!0,url:t.url,action:t},t.label):a.createElement(r.Ay,{ariaLabel:t.label,fullWidth:!0,action:t,label:t.label,onClick:e=>{A?.(t,e)}}))),i?.label&&a.createElement("div",{className:"SummaryItemCard__SecondaryAction"},a.createElement(r.Ay,{ariaLabel:i.label,fullWidth:!0,action:i,label:i.label,variant:i.variant,onClick:e=>{A?.(i,e)}})))},y={action:n.shape({label:n.string,url:n.string,navigationType:n.string,clientActionType:n.string}),action2:n.object,description:n.string,icon:n.string,image:n.object,infoMessage:n.object,onClick:n.func,subTitle:n.string,title:n.string};u.propTypes=y;const b=u},53733:(e,t,i)=>{i.r(t),i.d(t,{DynamicPrompts:()=>g,default:()=>y,propTypes:()=>u});var a=i(55462),n=(i(44545),i(19115)),r=i(81540),l=i(17045),s=i(76856),o=i(99369),c=i(60897);const d="google-agent-pdp-prompts-unavailable",m="google-agent-pdp-prompts-loaded",p="google-agent-pdp-prompt-clicked",g=function(e){const{direction:t="horizontal",limit:i=3,pageUrl:n,scriptConfig:g,title:u,subtitle:y,icon:b,id:A,poweredByUltaIcon:f,poweredByUltaText:v,backgroundColor:h,backgroundColorGradient:C,promptClickAction:E,accessibilityLabel:L}=e,[S,w]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{"undefined"!==typeof window&&n&&(window.googleAgentSettings={disablePrompts:!1,pageUrl:n});const e=()=>{w(!1)},t=()=>{w(!0)},i=e=>{const t=e?.detail?.prompt;if(!t)return;const i=(0,s.om)({dataCaptureData:E?.dataCaptureData,values:{selectedDynamicPrompt:t}});s.Ay.processDataCaptureEvent(i)};return window.addEventListener(d,e),window.addEventListener(m,t),window.addEventListener(p,i),()=>{window.removeEventListener(d,e),window.removeEventListener(m,t),window.removeEventListener(p,i)}},[n]),n?a.createElement(a.Fragment,null,g?.src&&a.createElement(c.default,{type:"text/javascript",tagId:"google-ai-prompts-script",src:g.src,async:g.async??!0,defer:g.defer??!0,forceReload:!0}),a.createElement("div",{id:A,className:"DynamicPrompts",style:{display:S?"block":"none"},role:"region","aria-label":L},a.createElement("div",{className:"DynamicPrompts__container",style:{"--bg-gradient":`var(${C})`,"--bg-dynamic-prompts":`var(${h})`}},a.createElement("div",{className:"DynamicPrompts__header"},a.createElement(o.default,{headline:u,size:"compact",subheadline:y,textAlignment:"left",variant:"section",iconName:b,iconSize:"compact"})),a.createElement("div",{className:"DynamicPrompts__content"},a.createElement("google-ai-prompts",{direction:t,limit:i})),a.createElement("div",{className:"DynamicPrompts__poweredByUlta"},a.createElement(l.A,{ariaHidden:!0,className:"testClassName",description:"test icon description",name:f,size:"lg",title:"test title"}),a.createElement(r.Text,{htmlTag:"span",textAlign:"left",textColor:"content-default",textStyle:"body-sm"},v))))):null},u={direction:n.oneOf(["horizontal","vertical"]),limit:n.number,pageUrl:n.string,

1scriptConfig:n.shape({src:n.string,async:n.bool,defer:n.bool}),title:n.string,subtitle:n.string,backgroundImage:n.shape({imageUrl:n.string,altText:n.string,metaData:n.object}),icon:n.string,id:n.string,poweredByUltaIcon:n.string,poweredByUltaText:n.string,backgroundColor:n.string,backgroundColorGradient:n.string,promptClickAction:n.shape({dataCaptureData:n.object})};g.propTypes=u;const y=g},33121:(e,t,i)=>{i.r(t),i.d(t,{default:()=>p,defaultProps:()=>m,propTypes:()=>d});var a=i(55462),n=i(19115),r=i(21349),l=i(17045),s=i(87901),o=i(86710);const c=a.forwardRef((e,t)=>{const{description:i,descriptionAction:n,descriptionDataCaptureCollapseAction:c,id:d,ingredients:p,ingredientsAction:g,ingredientsDataCaptureCollapseAction:u,restrictions:y,restrictionsAction:b,restrictionsDataCaptureCollapseAction:A,usage:f,usageAction:v,usageDataCaptureCollapseAction:h,prop65WarningAction:C,prop65WarningDataCaptureCollapseAction:E,prop65WarningDisplay:L=m.prop65WarningDisplay,prop65WarningDetail:S,prop65WarningLinkAction:w}=e,[k,_]=(0,a.useState)(!1);return a.createElement("div",{id:d,className:"ProductDetail",ref:t},a.createElement("div",{className:"ProductDetail__Wrapper"},a.createElement("div",{className:"ProductDetail__Content"},i&&n?.label&&a.createElement(r.Ay,{title:n.label,titleTag:"h3",expandAction:n,expandMore:k,setExpandMore:_,collapseAction:c},a.createElement(s.Ay,{bodyStyle:"body-2",cmsMarkdownContent:i})),f&&v?.label&&a.createElement(r.Ay,{title:v.label,titleTag:"h3",expandAction:v,expandMore:k,setExpandMore:_,collapseAction:h},a.createElement(s.Ay,{bodyStyle:"body-2",cmsMarkdownContent:f})),p&&g?.label&&a.createElement(r.Ay,{title:g.label,titleTag:"h3",expandAction:g,expandMore:k,setExpandMore:_,collapseAction:u},a.createElement(s.Ay,{bodyStyle:"body-2",cmsMarkdownContent:p})),L&&S&&C?.label&&a.createElement(r.Ay,{title:C.label,titleTag:"h3",expandAction:C,expandMore:k,setExpandMore:_,collapseAction:E},a.createElement("div",{className:"ProductDetail__Content__Prop65"},a.createElement(o.Ay,{htmlTag:"p",textStyle:"body-2"},a.createElement(l.A,{size:"m",name:"ExclamationTriangle",className:"ProductDetail__Content__Prop65--warningIcon"}),S)),a.createElement(o.Ay,{htmlTag:"p",textStyle:"body-2"},w.label)),y&&b?.label&&a.createElement(r.Ay,{title:b.label,titleTag:"h3",expandAction:b,expandMore:k,setExpandMore:_,collapseAction:A},a.createElement(s.Ay,{bodyStyle:"body-2",cmsMarkdownContent:y})))))}),d={description:n.string,descriptionAction:n.shape({label:n.string}),descriptionDataCaptureCollapseAction:n.shape({label:n.string}),id:n.string,ingredients:n.string,ingredientsAction:n.shape({label:n.string}),ingredientsDataCaptureCollapseAction:n.shape({label:n.string}),restrictions:n.string,restrictionsAction:n.shape({label:n.string}),restrictionsDataCaptureCollapseAction:n.shape({label:n.string}),usage:n.string,usageAction:n.shape({label:n.string}),usageDataCaptureCollapseAction:n.shape({label:n.string}),prop65WarningDisplay:n.bool,prop65WarningAction:n.shape({label:n.string}),prop65WarningDetail:n.string,prop65WarningLinkAction:n.shape({label:n.string,url:n.string}),prop65WarningDataCaptureCollapseAction:n.shape({label:n.string})},m={prop65WarningDisplay:!1};c.propTypes=d,c.defaultProps=m,c.displayName="ProductDetail";const p=c},27849:(e,t,i)=>{i.r(t),i.d(t,{ProductHero:()=>A,composeRecentlyViewedSKU:()=>v,default:()=>C,getDisplayProductName:()=>f,propTypes:()=>h});var a=i(55462),n=i(19115),r=i(65682),l=i(71815),s=i(21365),o=i(83058),c=i(34440),d=i(77592),m=i(53733),p=i(23390),g=i(33121),u=i(31125),y=i(30580);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)({}).hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e},b.apply(null,arguments)}const A=function(e){const{componentKey:t,modules:i=[]}=e,n=i.find(e=>"ProductInformation"===e.type),A=i.find(e=>"SocialTags"===e.type),h=i.find(e=>"ProductPricing"===e.type),C=i.find(e=>"MediaGallery"===e.type),E=i.find(e=>"ProductVariant"===e.type),L=i.find(e=>"ProductSummary"===e.type),S=i.find(e=>"ProductDetail"===e.type),w=i.find(e=>"AdBugOffersRail"===e.type),k=i.find(e=>"ProductActions"===e.type),_=i.find(e=>"ProductActionsV2"===e.type),P=i.find(e=>"RewardsMessaging"===e.type),T=i.find(e=>"BoughtTogether"===e.type),I=i.find(e=>"routineBuilder"===e.type),D=i.find(e=>"DynamicPrompts"===e.type),N=f({productInformation:n,productVariant:E}),x=i.filter(e=>"VerticalSlot"===e.type),M=x?.[0],R=x?.[1],U=i.filter(e=>"PersonalizationContent"===e.type),V=U?.[0],O=U?.[1],{recentlyViewedLimit:B,recentlyViewedForAutoSuggestionLimit:j}=(0,l.ag)(),{inflection:z}=(0,s.bT)(),W=E&&(null!==E.dimensionsLabel||null!==E.typeLabel);(0,a.useEffect)(()=>{F()},[E]);const F=(0,a.useCallback)(v({productVariant:E,ultaRecentlyViewedKey:d.A.recentlyViewedSKUs,recentlyViewedLimit:B,recentlyViewedSKUsForAutoSuggestionKey:d.A.recentlyViewedSKUsForAutoSuggestion,recentlyViewedForAutoSuggestionLimit:j,productPricing:h},{getStorage:c.c7,setStorage:c.cT}),[E,h]);return a.createElement("div",{id:e.id,className:"ProductHero"},a.createElement("div",{className:"ProductHero__content"},C&&a.createElement("div",{className:"ProductHero__MediaGallery"},a.createElement(p.default,b({id:C.id,ssr:e.ssr},(0,o.iU)({...C,deviceType:e.ssr&&e.deviceType}),{nextAccessibility:C.nextAccessibility.label,previousAccessibility:C.previousAccessibility.label,defaultImage:C.items[0],items:C.items,tryItAction:C.tryItAction,ratio:"1:1",carouselAcce

1ssibility:C.carouselAccessibility,carouselDetailsAccessibility:C.carouselDetailsAccessibility,carouselCardAccessibility:C.carouselCardAccessibility,componentKey:t,nextClickAction:C.nextAccessibility,previousClickAction:C.previousAccessibility,zoomLegendAccessibilityLabel:C.zoomLegendAccessibilityLabel,zoomPlusIconAccessibilityLabel:C.zoomPlusIconAccessibilityLabel,zoomMinusIconAccessibilityLabel:C.zoomMinusIconAccessibilityLabel,moveUpIconAccessibilityLabel:C.moveUpIconAccessibilityLabel,moveDownIconAccessibilityLabel:C.moveDownIconAccessibilityLabel,moveLeftIconAccessibilityLabel:C.moveLeftIconAccessibilityLabel,moveRightIconAccessibilityLabel:C.moveRightIconAccessibilityLabel,screenReaderAccessibilityLabel:C.screenReaderAccessibilityLabel,moveLegendAccessibilityLabel:C.moveLegendAccessibilityLabel}))),n&&a.createElement(u.default,b({id:n.id,brandAction:n.brandAction,dataCapture:n.dataCapture,productName:N,productId:h.productId,rating:n.rating,ratingAction:n.ratingAction,reviewCount:n.reviewCount,reviewsCountLabel:n.reviewsCountLabel,reviewable:n.reviewable,badges:n.badges,writeReviewAction:n.writeReviewAction,askQuestionAction:n.askQuestionAction,itemLabel:n.itemLabel,qAndAAction:n.qAndAAction,reviewAccessibilityLabel:n.reviewAccessibilityLabel,meta:n.meta,socialTags:A},(0,o.iU)({...n}))),h&&a.createElement(r.Ay,b({moduleName:"ProductPricing",priceLabel:h.priceLabel,listPrice:h.listPrice,originalPriceLabel:h.originalPriceLabel,listPriceAccessibilityLabel:h.listPriceAccessibilityLabel,salePrice:h.salePrice,salePriceAccessibilityLabel:h.salePriceAccessibilityLabel,kitPrice:h.kitPrice,message:h.message,productId:h.productId,skuId:h.skuId,id:h.id,appDownloadLabel:h.appDownloadLabel,appDownloadAction:h.appDownloadAction,meta:h.meta},(0,o.iU)({...h}))),W&&a.createElement(r.Ay,b({moduleName:"ProductVariant"},(0,o.iU)({...E}),{skuId:e.skuId})),w&&a.createElement(r.Ay,b({moduleName:"AdBugOffersRail"},(0,o.iU)({...w}))),k&&a.createElement(r.Ay,b({},(0,o.iU)({...k}),{moduleName:"ProductActions"})),_&&a.createElement(r.Ay,b({},(0,o.iU)({..._}),{moduleName:"ProductActionsV2"})),M&&a.createElement(r.Ay,b({moduleName:"VerticalSlot",configureContainerQuery:e.configureContainerQuery,invokeMutation:e.invokeMutation,pageRenderTimestamp:e.pageRenderTimestamp,displayAsMobile:!0},(0,o.iU)({...M}))),V&&a.createElement(r.Ay,b({moduleName:"PersonalizationContent",invokeMutation:e.invokeMutation,pageRenderTimestamp:e.pageRenderTimestamp},(0,o.iU)({...V}))),P&&a.createElement(r.Ay,b({moduleName:"RewardsMessaging",configureContainerQuery:e.configureContainerQuery,invokeMutation:e.invokeMutation,pageRenderTimestamp:e.pageRenderTimestamp,displayAsMobile:!0},(0,o.iU)({...P}))),L&&a.createElement(y.default,{id:L.id,title:L.title,message:L.message,summaryCards:L.summaryCards,variant:L.variant||"Half",layout:z.DESKTOP?"horizontal":"vertical"}),S&&a.createElement(g.default,b({id:S.id},(0,o.iU)({...S}))),D&&a.createElement(m.default,b({id:D.id},(0,o.iU)({...D}))),T&&a.createElement(r.Ay,b({},(0,o.iU)({...T}),{moduleName:"BoughtTogether"})),I&&a.createElement(r.Ay,b({},(0,o.iU)({...I}),{moduleName:"BoughtTogether"})),R&&a.createElement(r.Ay,b({moduleName:"VerticalSlot",configureContainerQuery:e.configureContainerQuery,invokeMutation:e.invokeMutation,pageRenderTimestamp:e.pageRenderTimestamp,displayAsMobile:!0},(0,o.iU)({...R}))),O&&a.createElement(r.Ay,b({moduleName:"PersonalizationContent",invokeMutation:e.invokeMutation,pageRenderTimestamp:e.pageRenderTimestamp},(0,o.iU)({...O})))))},f=e=>{const{productInformation:t,productVariant:i}=e||{},a=i?.variants?.find(e=>!0===e.selected);return a?.name?t?.productName+" - "+a.name:t?.productName},v=(e,t)=>()=>{const{productVariant:i,ultaRecentlyViewedKey:a,recentlyViewedLimit:n,recentlyViewedForAutoSuggestionLimit:r,recentlyViewedSKUsForAutoSuggestionKey:l,productPricing:s}=e||{},{getStorage:o,setStorage:c}=t||{};if(!o||!c||!i||!a)return;let d=o({secure:!1,key:a})?.recentlyViewed||[];const m=i.variants?.find(e=>!0===e.selected),p=s?.productId,g=m?.skuId,u=`${p}::${g}`;if(d=d?.filter(e=>{const t=e?.split("::")?.[0];return t!==p}),d.unshift(u),d.length>n&&d.pop(),c({secure:!1,key:a,value:{recentlyViewed:d}}),l){let e=o({secure:!1,key:l})?.recentlyViewedForAutoSuggest||[];e=e?.filter(e=>{const t=e?.split("::")?.[0];return t!==p}),e.unshift(u),e.length>r&&(e=d?.slice(0,r)),c({secure:!1,key:l,value:{recentlyViewedForAutoSuggest:e}})}},h={modules:n.arrayOf(n.shape({id:n.string,type:n.string,brandAction:n.object,productName:n.string,rating:n.number,ratingAction:n.object,reviewCount:n.number,reviewsCountLabel:n.string,badges:n.array,itemLabel:n.string,reviewable:n.bool,writeReviewAction:n.object,askQuestionAction:n.object,qAndAAction:n.object}),n.shape({id:n.string,type:n.string,items:n.array}),n.shape({id:n.string,type:n.string,items:n.array.isRequired,nextAccessibility:n.string,previousAccessibility:n.string,ratio:n.string,tryItAction:n.object,carouselAcce

1ssibility:n.string,carouselDetailsAccessibility:n.string,carouselCardAccessibility:n.string,zoomLegendAccessibilityLabel:n.string,zoomPlusIconAccessibilityLabel:n.string,zoomMinusIconAccessibilityLabel:n.string,moveUpIconAccessibilityLabel:n.string,moveDownIconAccessibilityLabel:n.string,moveLeftIconAccessibilityLabel:n.string,moveRightIconAccessibilityLabel:n.string,screenReaderAccessibilityLabel:n.string,moveLegendAccessibilityLabel:n.string}),n.shape({type:n.string,listPrice:n.string,originalPriceLabel:n.string,listPriceAccessibilityLabel:n.string,salePrice:n.string,salePriceAccessibilityLabel:n.string,kitPrice:n.string,compact:n.bool,xLarge:n.bool,message:n.string,priceLabel:n.string,offersLabel:n.string,offersAction:n.object,offers:n.array,title:n.shape({text:n.string,htmlTag:n.string}),productId:n.string,skuId:n.string,id:n.string,brandName:n.string,productName:n.string,variantTypeLabel:n.string,variantLabel:n.string,image:n.string,appDownloadLabel:n.string,appDownloadAction:n.object}),n.shape({id:n.string,variants:n.array,typeLabel:n.string.isRequired,dimensionsLabel:n.string,dimensionsValue:n.string,shadeFinderAction:n.object,doneAction:n.object,closeAccessibilityAction:n.object,viewAllLabel:n.string,viewLessLabel:n.string,collapsible:n.bool,expanded:n.bool}),n.shape({id:n.string,displayState:n.string,bookmarkAction:n.shape({label:n.string,graphql:n.string}),removeBookmarkAction:n.shape({label:n.string,url:n.string}),bookmarked:n.bool,successLabel:n.string,inBagLabel:n.string,quantity:n.number,addedQuantity:n.number,commerceId:n.string,skuId:n.string,productId:n.string,viewItemsInOfferAction:n.shape({label:n.string,graphql:n.string}),comingSoon:n.shape({comingSoonLabel:n.string,comingSoonMessage:n.string}),notifyMe:n.shape({email:n.bool,notifyMeMessage:n.string,notifyMeAction:n.shape({label:n.string,graphql:n.string}),notifyMeDisabled:n.bool}),perk:n.shape({perkLabel:n.string,perkMessage:n.string,perkAction:n.shape({label:n.string,url:n.string})}),fulfillmentSection:n.shape({fulfillmentType:n.string,icon:n.string,title:n.string,subtitle:n.string,tileState:n.string,addToBagAction:n.shape({label:n.string,graphql:n.string}),removeFromBagAction:n.shape({label:n.string,graphql:n.string}),buttonAction:n.shape({label:n.string,graphql:n.string}),deliveryInfo:n.shape({location:n.string,speed:n.string,stockStatus:n.object,secondarySpeed:n.string,linkAction:n.shape({label:n.string,graphql:n.string})}),maxQuantity:n.string,messages:n.array,selected:n.boolean,eligibilityState:n.string,updateVariantAction:n.shape({label:n.string,graphql:n.string}),selectAction:n.shape({label:n.string,graphql:n.string}),subscription:n.shape({label:n.string,graphql:n.string}),updateBagAction:n.shape({label:n.string,graphql:n.string})})}),n.shape({id:n.string,type:n.string,title:n.string,message:n.string}),n.shape({id:n.string,description:n.string,descriptionAction:n.shape({label:n.string}),ingredients:n.string,ingredientsAction:n.shape({label:n.string}),restrictions:n.string,restrictionsAction:n.shape({label:n.string}),usage:n.string,usageAction:n.shape({label:n.string}),prop65WarningDisplay:n.bool,prop65WarningAction:n.shape({label:n.string}),prop65WarningDetail:n.string,prop65WarningLinkAction:n.shape({label:n.string,url:n.string})})),id:n.string,deviceType:n.string,ssr:n.bool};A.propTypes=h;const C=A},30580:(e,t,i)=>{i.r(t),i.d(t,{ProductSummary:()=>L,default:()=>k,openSummaryItemCardOverlay:()=>S,propTypes:()=>w});var a=i(55462),n=i(44545),r=i(19115),l=i(81540),s=i(21365),o=i(22593),c=i(5572);var d=i(17045),m=i(86710);var p=i(53507),g=i(21367);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)({}).hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e},u.apply(null,arguments)}const y=function({item:e,...t}){const{imageIcon:i,label:r,itemDetailCard:l,selectAction:s}=e,{onClick:o,openerRef:y}=(0,c.Y)(t);return r?a.createElement(a.Fragment,null,a.createElement("div",{className:"ClickableBadge"},a.createElement(p.Ay,{action:{dataCaptureData:s?.dataCaptureData},variant:"unstyled",onClick:e=>

1o(e),ref:y,className:n("ClickableBadge__button",{ClickableBadge__Focusable:l})},i&&a.createElement(g.Ay,u({},i,{aspectRatio:"1:1",width:32,height:32})),a.createElement("span",{className:n("ClickableBadge__text",{"ClickableBadge__text--long":r.length>=18})},a.createElement(m.Ay,{htmlTag:"span",textStyle:"label"},r)),l&&a.createElement(d.A,{size:"s",name:"caretForward","aria-hidden":!0,className:"ClickableBadge__icon"})))):null},b={imageIcon:r.object,label:r.string,itemDetailCard:r.object,onClick:r.func};y.propTypes=b;const A=function(e){const{type:t,icon:i,title:r,subTitle:s,items:o,layout:c,onItemSelection:p}=e;return a.createElement("div",{className:"SummaryCard"},a.createElement("div",null,i&&a.createElement(d.A,{size:"l",name:i,className:"SummaryCard--titleIcon","aria-hidden":!0})),a.createElement("div",null,r&&a.createElement(l.Text,{htmlTag:"h2",textStyle:"title-sm"},r),s&&a.createElement(m.Ay,{textStyle:"body-sm",color:"neutral-500"},s),a.createElement("ul",{className:n("SummaryCard--listWrapper",{...c&&{[`SummaryCard--${c}`]:c}})},o?.map((e,i)=>a.createElement(v,{key:`summary-card-item-${i}-${e?.label}`,item:e,index:i,type:t,onItemSelection:p})))))},f="Half",v=e=>{const{item:t,index:i,type:r,onItemSelection:l}=e||{};if(!t)return null;const s=(0,a.useRef)();return a.createElement("li",{className:n("SummaryCard--listItem",{"SummaryCard--listItem--halfWidth":r===f})},a.createElement(y,{item:t,openerRef:s,onClick:()=>l(t.itemDetailCard,s)}))},h={type:r.oneOf(["Full","Half"]),icon:r.string,title:r.string,items:r.arrayOf(r.shape({icon:r.string,label:r.string})),layout:r.string.isRequired};A.propTypes=h;const C=A;var E=i(67774);const L=function({title:e,message:t,summaryCards:i,layout:r,id:c,variant:d}){const[m,p]=(0,a.useState)(null),[g,u]=(0,a.useState)(null),{openOverlay:y}=(0,o.e)(),{breakpoint:b,inflection:A}=(0,s.bT)(),f=(e,t)=>{p(e),u(t)},v=(0,a.useMemo)(()=>{if(!m)return null;const{image:e,title:t,subTitle:i,learnMoreAction:n,description:r}=m;return a.createElement(E.Ay,{image:e,title:t,subTitle:i,action:n,description:r})},[m]);(0,a.useEffect)(()=>{S({selectedSummaryItemCard:m,content:v,breakpoint:b,selectedSummaryItemOpenerRef:g},{openOverlay:y,setSelectedSummaryItemCard:p})},[m]);const h=n("ProductSummary__summary",{"ProductSummary__summary--withCard":i?.length>0});return a.createElement("div",{className:"ProductSummary",id:c,role:"complementary"},a.createElement("div",{className:""+("Full"===d?"ProductSummary__fullWidth":"")},i?.length>0&&a.createElement(a.Fragment,null,i.map((e,t)=>a.createElement(C,{key:`${t}-${e?.title}`,type:d,icon:e?.icon,title:e?.title,subTitle:e?.subTitle,items:e?.items,layout:r||A.DESKTOP?"horizontal":"vertical",onItemSelection:f}))),(e||t)&&a.createElement("div",{className:h},e&&a.createElement(l.Text,{htmlTag:"h2",textStyle:"title-sm"},e),t&&a.createElement(l.Text,{htmlTag:"p",textStyle:"body-lg"},t))))},S=(e,t)=>{const{content:i,selectedSummaryItemCard:a,breakpoint:n,selectedSummaryItemOpenerRef:r}=(0,c.Y)(e),{openOverlay:l,setSelectedSummaryItemCard:s}=t||{},d=n.isLargeDevice(),m=n.isMediumDevice();i&&a&&l&&l({onClose:()=>s(null),type:d||m?o._4.Modal:o._4.BottomSheet,alignment:"center",crossButtonVisibility:!0,disableClose:!1,opener:r,content:i,closeAction:a.closeAction})},w={title:r.string,message:r.string,summaryCards:r.array,id:r.string,variant:r.oneOf(["Full","Half"])};L.propTypes=w;const k=L},99369:(e,t,i)=>{i.r(t),i.d(t,{default:()=>a});const a=i(31109).Ay}}]);
2//# sourceMappingURL=ulta-modules-ProductHero-ProductHero-js.b81a6877.chunk.js.map