https://www.ulta.com/ux/assets/js/ulta-modules-MyListHeader-MyListHeader-js.8d55a8b0.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3503,3727],{70591:(e,t,i)=>{i.d(t,{Ay:()=>A});var a=i(55462),n=i(19115),l=i(53507),o=i(86710),s=i(38537),c=i(60571),r=i(68759),d=i(5572),u=i(73373);const y=e=>{const{title:t,subTitle:i,copyAction:n,link:r,copiedText:d,shareLinkMessage:u}=e,[y,h]=(0,a.useState)(!1),A=window.navigator?.clipboard,p=(0,s.a)(),[f]=(0,c.Z)(),b=n?.label&&A&&p;return a.createElement("div",{className:"ShareList"},a.createElement("div",{className:"ShareList__Content"},a.createElement("div",{className:"ShareList__Header"},t&&a.createElement("div",{className:"ShareList__Title"},a.createElement(o.Ay,{textStyle:"title-lg",htmlTag:"h2"},t)),i&&a.createElement("div",{className:"ShareList__Subtitle"},a.createElement(o.Ay,{textStyle:"body-lg"},i)),u&&a.createElement("div",{className:"ShareList__ShareLinkLabel"},a.createElement(o.Ay,{textStyle:"body"},u)),r&&a.createElement("div",{className:"ShareList__ShareLink"},a.createElement(o.Ay,null,r))),b&&a.createElement("div",{className:"ShareList__Button"},a.createElement("span",{"aria-live":"polite",role:"status"}

1,y&&a.createElement(l.Ay,{iconName:"check",label:d,width:"fullWidth"}),!y&&a.createElement(l.Ay,{action:n,iconName:"copy",onClick:()=>m({link:r,copyAction:n},{setIsCopied:h,executeTimeout:f}),label:n.label,width:"fullWidth"})))))},m=async(e,t)=>{const{link:i,copyAction:a}=(0,d.Y)(e),{setIsCopied:n,executeTimeout:l}=t||{};i&&a&&n&&l&&a.clientActionType!==r.D2.COPYTEXT_CLICK&&(await(0,u.eM)(i),n(!0),l(()=>n(!1),5e3))},h={title:n.shape({text:n.string.isRequired,htmlTag:n.string}),subTitle:n.string,copyAction:n.shape({label:n.string.isRequired}).isRequired,copiedText:n.string,link:n.string,shareLinkMessage:n.string};y.propTypes=h;const A=y},74221:(e,t,i)=>{i.r(t),i.d(t,{default:()=>v});var a=i(55462),n=i(19115),l=i(86710),o=i(21365),s=i(22593),c=i(83058),r=i(5572),d=i(74511),u=i(27001),y=i(95619),m=i(70591);function h(){return h=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},h.apply(null,arguments)}const A=e=>{const{title:t,subTitle:i,shareAction:n,saveAction:c,shareDetails:r,editAction:y,copyAction:m,invokeMutation:h,id:A,editIcon:v,myListsForm:_,shareIcon:L,listId:k,loading:C}=e,{openOverlay:S,updateContent:T,displayOverlay:N}=(0,s.e)(),{breakpoint:M}=(0,o.bT)(),I=(0,a.useRef)(null),O=(0,a.useRef)(!1),[D,R]=(0,a.useState)(null),w="SM"===M.CURRENT_BREAKPOINT,H=(0,a.useCallback)(p({flyoutConfig:D,myListsForm:_,saveAction:c,shareAction:n,id:A,copyAction:m,title:t,shareDetails:r,loading:C,flyoutActionClicked:O},{updateContent:T,invokeMutation:h}),[n,D,_,c,T,h,A,m,t,r,C,O]),x=(0,a.useCallback)(f({flyoutOpenerRef:I,flyoutConfig:D},{openOverlay:S}),[I,D,S]),F=(0,a.useCallback)(e=>{R(e),O.current=!0,x()},[x]),Y=(0,a.useCallback)(b({isMobileDevice:w},{handleFlyoutAction:F}),[F,w]),j=(0,a.useCallback)(g({handleFlyoutAction:F}),[F]);if((0,a.useEffect)(()=>{N||(R(null),O.current=!1)},[N]),(0,a.useEffect)(()=>{H()},[H]),t)return a.createElement(u.default,{fullBleedContentBackgroundColor:"white"},a.createElement("div",{className:"MyListHeader",ref:I},a.createElement("div",{className:"MyListHeader__HeadingContainer"},a.createElement("div",{className:"MyListHeader__Heading"},t&&a.createElement(l.Ay,{htmlTag:"h2",textStyle:"title-lg"},t),i&&a.createElement(l.Ay,{htmlTag:"span",textStyle:"body-2"},i)),a.createElement("div",{className:"MyListHeader__ButtonIcons"},n&&a.createElement(d.default,{action:n,variant:"link",ariaLabel:n.accessibility?.label,onClick:()=>Y({mode:E.SHARE,data:{...r,listTitle:t}}),iconName:L,iconSize:"lg",iconOnly:!0}),y&&a.createElement(d.default,{action:y,variant:"link",ariaLabel:y.accessibility?.label,onClick:()=>j({mode:E.EDIT,data:{..._,listId:k}}),iconName:v,iconSize:"lg",iconOnly:!0})))))},p=(e,t)=>()=>{const{flyoutConfig:i,myListsForm:n,saveAction:l,id:o,copyAction:s,title:d,shareDetails:u,loading:A,flyoutActionClicked:p}=(0,r.Y)(e),{updateContent:f,invokeMutation:b}=(0,r.Y)(t);if(!i)return;const g=i.mode===E.EDIT,v=i.mode===E.SHARE,_=i.data;let L;if(v)L=a.createElement(m.Ay,h({},(0,c.iU)({...u}),{copyAction:s}));else{let e=n?.errorMessages;p.current&&(e=[],p.current=!1);const t={myListsForm:{...n,errorMessage:e,...g&&{listName:{...n.listName,value:d},listId:_?.listId}},loading:A,saveAction:l,invokeMutation:b,contentId:o,componentKey:`${o}:${Math.random()}`};L=a.createElement(y.default,(0,c.iU)(t))}f(L)},f=(e,t)=>()=>{const{flyoutOpenerRef:i,flyoutConfig:a,headline:n}=(0,r.Y)(e),{openOverlay:l}=(0,r.Y)(t);l&&l({type:"flyout",crossButtonVisibility:!0,opener:i,content:a,ariaLabel:n})},b=(e,t)=>async i=>{const{isMobileDevice:a}=(0,r.Y)(e),{handleFlyoutAction:n}=(0,r.Y)(t),l=i?.data;if(!l?.link||!n)return;const o={title:l?.listTitle,url:l.link};if(window?.navigator?.share&&a)try{await window.navigator.share(o)}catch(s){"AbortError"!==s.name&&console.error("Share failed:",s)}else n(i)},g=e=>t=>{const{handleFlyoutAction:i}=(0,r.Y)(e);i&&i(t)},E={EDIT:"edit",SHARE:"share"};A.propTypes={title:n.string,subTitle:n.string,shareIcon:n.string,editIcon:n.string,myListsForm:n.object,shareAction:n.object,saveAction:n.object,shareDetails:n.object,editAction:n.object,copyAction:n.object,invokeMutation:n.func,id:n.string};const v=A}}]);
2//# sourceMappingURL=ulta-modules-MyListHeader-MyListHeader-js.8d55a8b0.chunk.js.map