https://www.ulta.com/ux/assets/js/ulta-modules-ShippingDetailsSplit-ShippingDetailsSplit-js.2af6753a.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1585],{27133:(e,t,o)=>{o.d(t,{V:()=>s});var i=o(55462);const s=e=>{const{watch:t,loading:o}=e||{},[s,n]=(0,i.useState)(t),a=(0,i.useRef)(!1),l=(0,i.useCallback)(()=>{a.current=!0},[a]);return(0,i.useEffect)(()=>{a.current&&!o&&s!==!!t&&(a.current=!1,n(!!t))},[t,a,o]),[l,s,n]}},1676:(e,t,o)=>{o.d(t,{X:()=>i});const i={CheckoutEnablement:"checkoutEnablement",SecureCheckoutGWPSelection:"secureCheckoutGWPSelection",RequestOrderValidation:"orderValidation",IsOrderValid:"orderValid",BirthdayStoreSelected:"birthdayStoreSelected",FOCUS_MODULE:"focusModule"}},11936:(e,t,o)=>{o.d(t,{BD:()=>u,Bw:()=>l,Nj:()=>c,PA:()=>a,es:()=>r,xP:()=>m});var i=o(96428),s=o(50873),n=o(11936);const a=async e=>{const{el:t,offset:o=0,autoFocus:i=!0,animate:s=!0}=e||{};if(!t)return!1;const a=n.es({el:t}),l=n.Bw({elScrollTop:a,offset:o});if(0===l)return!1;const r={top:l,left:0};s&&(r.behavior="smooth");try{await n.BD(r)}catch{window.scrollTo(r.left,r.top)}if(!1===i)return!0;const c=window.scrollX,d=window.scrollY;return n.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:o}=e||{},s=(0,i.L)(o)?o:0;return((0,i.L)(t)?t:0)+s},r=e=>{const{el:t}=e||{};if("function"!==typeof t?.getBoundingClientRect)return 0;const{top:o}=t.getBoundingClientRect();let i=0;const n=document.querySelector(".DesktopHeader__StickyHeader"),a=document.querySelector("#MobileHeader"),l=!!n?.offsetHeight||!!a?.offsetHeight;n?.offsetHeight&&(i=n.offsetHeight);const r=o<0;return r&&!l&&(i=(0,s.getTopBarHeight)()),r&&a?.offsetHeight&&(i=a.offsetHeight),o+window.scrollY-i},c=e=>{const{el:t}=e||{};if(!t||!t.tagName)return!1;const o=t.getAttribute("tabindex"),i=t.tagName.toUpperCase();return(!t.hasAttribute("disabled")||!d.includes(i))&&!!([...d,...p].includes(i)||t.hasAttribute("href")||null!==o&&o>-1)},d=["BUTTON","INPUT","SELECT","TEXTAREA"],p=["SUMMARY","DETAILS"],u=e=>new Promise((t,o)=>{const i=document.scrollingElement;if(!document.scrollingElement)return o();let s=i.scrollTop,a=i.scrollLeft;const l=Object.assign({top:s,left:a},e),r=i.scrollHeight-i.clientHeight,c=i.scrollWidth-i.clientWidth,d=Math.max(0,Math.min(r,l.top)),p=Math.max(0,Math.min(c,l.left));window.scrollTo(l),window.requestAnimationFrame(n.xP({elem:i,targetPositionTop:d,targetPositionLeft:p,lastPositionTop:s,lastPositionLeft:a,ticks:0},{resolve:t,reject:o}))}),m=(e,t)=>()=>{const{elem:o,targetPositionTop:i,targetPositionLeft:s}=e||{},{resolve:a,reject:l}=t||{};if(!a||!l||!o)return;const r=o.scrollTop,c=o.scrollLeft,d=Math.abs(r-i)<=1&&Math.abs(c-s)<=1;if(r===e.lastPositionTop&&c===e.lastPositionLeft){if(e.ticks++>2)return d?a():l()}else e.ticks=0,e.lastPositionTop=r,e.lastPositionLeft=c;window.requestAnimationFrame(n.xP({elem:o,targetPositionTop:i,targetPositionLeft:s,lastPositionTop:e.lastPositionTop,lastPositionLeft:e.lastPositionLeft,ticks:e.ticks},{resolve:a,reject:l}))}},10905:(e,t,o)=>{o.r(t),o.d(t,{ShippingDetailsSplit:()=>E,ShippingDetailsSplitMessages:()=>w,composeEventPublisher:()=>k,composeExpandCollapseForm:()=>A,composeHandleLoader:()=>T,composeScrollToMessage:()=>v,default:()=>L,propTypes:()=>P});var i=o(55462),s=o(19115),n=o(65682),a=o(53507),l=o(30930),r=o(86710),c=o(6601),d=o(22593),p=o(27003),u=o(52696),m=o(1676),g=o(18618),h=o(83058),f=o(11936),S=o(45454),b=o(27133);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var i in o)({}).hasOwnProperty.call(o,i)&&(e[i]=o[i])}return e},y.apply(null,arguments)}const E=e=>{const{componentKey:t,displayAddressForm:o,editAction:s,formattedShippingAddress:u,hasEvent:f,headline:S,invokeMutation:E,loading:P,messages:L,moduleName:M,publishEvent:_,shippingAddressForm:C,subscriptionShippingMessage:D,checkoutShipMessage:N}=e,{user:F}=(0,p.ur)(),{displayOverlay:H}=(0,d.e)(),[O,I,x]=(0,c.Ay)({}),[U,B,j]=(0,b.V)({watch:o,loading:P}),R=!B&&D?.message,q=N?{...N}:null;if(q?.action2?.graphql&&q?.action2?.params){const e={};q.action2.params.includes("lineItemIds")&&N.lineItemIds&&(e.lineItemIds=N.lineItemIds),q.action2.variables={moduleParams:e,url:{path:!(0,g.S$)()&&window.location.pathname}}}const $=(0,i.useCallback)(A({displayOverlay:H,displayAddressForm:o,showForm:B},{onActionDispatched:U,setShowForm:j}),[H,o,B,U,j]);(0,i.useEffect)($,[$]);const V=(0,i.useCallback)(k({waitingForUserInput:B,clientActionParams:s?.clientActionParams,moduleName:M},{publishEvent:_,hasEvent:f}),[B,_,f,s]);(0,i.useEffect)(V,[V]);const K=(0,i.useRef)(),X=(0,i.useCallback)(v({messages:L,wrapperRef:K}));(0,i.useEffect)(X,[X]),(0,i.useEffect)(()=>{T({loading:P},{hideLoader:x,showLoader:I})},[P]);const W=!B&&s;return(0,i.useEffect)(()=>{W&&_({event:m.X.FOCUS_MODULE,payload:{fulfillmentType:"PaymentMethod"}})},[W,_]),i.createElement("div",{className:"ShippingDetailsSplit",ref:K},i.createElement("div",{className:"ShippingDetailsSplit__header"},S&&i.createElement(r.Ay,{textStyle:"eyebrow",htmlTag:"h3",color:"neutral-500"},S),W&&i.createElement("div",{className:"ShippingDetailsSplit__header--button"},F.loginStatus&&s&&i.createElement(a.Ay,{withHover:!0,type:"button",ariaLabel:`${s.label} ${S}`,label:s.label,action:s,iconImage:"Edit",iconSize:"s",crossButtonVisibility:!0,tertiary:!0,tiny:!0,ariaHiddenIcon:!0,alignment:"right",onClick:U}),!F.loginStatus&&s&&i.createElement(a.Ay,{withHover:!0,type:"button",ariaLabel:`${s.label} ${S}`,label:s.label,onClick:()=>j(!0),iconImage:"Edit",iconSize:"s",tertiary:!0,tiny:!0,ariaHiddenIcon:!0}))),O,i.createElement(w,{messages:L,componentKey:t,checkoutShipMessage:N,invokeMutation:E}),!B&&i.createElement("div",{className:"ShippingDetailsSplit__shippingTo"},u&&i.createElement("div",{className:"ShippingDetailsSplit__addressText"},i.createElement(r.Ay,{textStyle:"body-2"},u))),R&&i.createElement("div",{className:"ShippingDetailsSplit__ShippingMessage"},i.createElement(l.Ay,{messageType:D.icon,message:D.message,role:"status"})),B&&i.createElement(n.Ay,y({},(0,h.iU)({...C}

1),{componentKey:t,headline:"",invokeMutation:E,loading:P,messages:L,moduleName:"ShippingAddressFormSplit",setShowForm:j})))},w=e=>{const{messages:t,componentKey:o,checkoutShipMessage:s,invokeMutation:n}=e;return(0,u.Pb)(t)||s?i.createElement("ul",null,s&&Object.keys(s).length>0&&i.createElement("li",{className:"ShippingDetailsSplit__blockErrorMessage",key:`${o}-shipping-details-hazmat`},i.createElement(S.Ay,{message:s.message,messageType:"warning",textColor:s.textColor,invokeMutation:n,showCloseButton:!1,action1:s.action1,action2:s.action2,action1Style:"link",action2Style:s.action2?.graphql?"buttonAsLink":"link",role:"alert",items:s.items})),t&&t.map((e,t)=>{if(!e)return null;const s={};return e.action1?.graphql?s.messageAction=e.action1:s.action1=e.action1,i.createElement("li",{className:"ShippingDetailsSplit__blockErrorMessage",key:`${o}-shipping-details-${t}`},i.createElement(S.Ay,y({message:e.message,messageType:e.icon,backgroundColor:e.backgroundColor,borderColor:e.borderColor,textColor:e.textColor,dismissAction:e.dismissAction},(0,h.iU)({...s}),{action1Style:"link",action2:e.action2,role:"alert"})))})):null},A=(e,t)=>()=>{const{displayOverlay:o,displayAddressForm:i,showForm:s}=e||{},{setShowForm:n,onActionDispatched:a}=t||{};n&&a&&(o||!i||s||a(),o&&i&&n(!0),i&&!s&&n(!0),o&&s&&a())},k=(e,t)=>()=>{const{waitingForUserInput:o,moduleName:i}=e||{},{publishEvent:s}=t||{};if(s&&i)return s({event:m.X.CheckoutEnablement,payload:{moduleName:i,waitingForUserInput:o}}),()=>{s({event:m.X.CheckoutEnablement,payload:{moduleName:i,waitingForUserInput:!1}})}},v=e=>()=>{const{messages:t,wrapperRef:o}=e||{};(0,u.Pb)(t)&&(0,f.PA)({el:o?.current})},T=(e,t)=>{const{loading:o}=e||{},{hideLoader:i,showLoader:s}=t||{};i&&s&&(o?s():i())},P={headline:s.string.isRequired,subHeadline:s.string,formattedShippingAddress:s.string,editAction:s.oneOfType([s.func,s.object]),invokeMutation:s.func,messages:s.array,subscriptionShippingMessage:s.object,checkoutShipMessage:s.object};E.propTypes=P;const L=E}}]);
2//# sourceMappingURL=ulta-modules-ShippingDetailsSplit-ShippingDetailsSplit-js.2af6753a.chunk.js.map