https://www.lundsandbyerlys.com/static/js/WelcomeModal-PDPListTooltip.2bd46831.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7685],{73406:(e,t,s)=>{s.r(t),s.d(t,{default:()=>j});var i=s(85893),a=s(67294),l=s(29163),d=s(55977),n=s(51667);let o="300px",r=l.ZP.h3.withConfig({displayName:"PdpListTooltipTitle",componentId:"-__sc-69be842a-0"})(({theme:e})=>`
2    padding: ${d.W0.xs} 0 ${d.W0.xs} 0;
3    font-weight: ${e.typography.weights.bold};
4    font-size: ${e.typography.text.fontLG.fontSize};
5    margin: 0 0 ${d.W0.lg};
6    `),c=l.ZP.li.withConfig({displayName:"DeleteCart",componentId:"-__sc-69be842a-1"})(({theme:e})=>`
7  padding: ${d.W0.sm} ${d.W0.xs} ${d.W0.sm};
8  border-top: 1px solid ${e.colors.uiColors.greyscale2};   
9    `),u=l.ZP.div.withConfig({displayName:"PdpListTooltip",componentId:"-__sc-69be842a-2"})(({standalone:e})=>`
10  list-style: none;
11  padding:0;
12  padding-bottom: ${e?d.W0.lg:"0"};
13  margin: auto;
14  max-height: ${e?"none":o};
15  overflow-y: auto;
16  max-width:  ${e?o:"auto"};
17`),m=l.ZP.ul.withConfig({displayName:"PdpExistingLists",componentId:"-__sc-69be842a-3"})(["list-style:none;margin:"," 0 0 0;padding-left:0;"],d.W0.sm),h=l.ZP.li.withConfig({displayName:"PdpListSelection",componentId:"-__sc-69be842a-4"})(({theme:e,input:t,checked:s,isInput:i})=>`
18    display: flex;
19    align-items: ${t?"start":"center"};
20    width: 100%;
21    text-align: left;
22    white-space: nowrap;
23    padding: 0 ${d.W0.xs};
24    margin: ${i?`${d.W0.sm} 0 ${d.W0.sm} 0`:`${d.W0.xxs} 0`};
25    border-radius:${d.W0.xxs};
26    background-color:${s?e.colors.brandColors.primary5:e.colors.uiColors.greyscale1}
27
28    &:not(:last-child){
29      border-bottom: ${i?"none":`1px solid ${e.colors.uiColors.greyscale2};`}    
30  `),p=l.ZP.div.withConfig({displayName:"ListInputWrapper",componentId:"-__sc-69be842a-5"})(["white-space:normal;"]),g=(0,l.ZP)(n.UP).withConfig({displayName:"ListInputField",componentId:"-__sc-69be842a-6"})(()=>`
31    width: 100%;
32  `);(0,l.ZP)(n.UP).withConfig({displayName:"PdpListInputAdd",componentId:"-__sc-69be842a-7"})(["height:",";padding:",";"],d.W0.lg,d.W0.xs);let y=l.ZP.div.withConfig({displayName:"CheckBoxContainer",componentId:"-__sc-69be842a-8"})(({input:e})=>`
33 padding-top: ${e&&"21px"}
34`),v=l.ZP.div.withConfig({displayName:"ConfirmationHiddenDiv",componentId:"-__sc-69be842a-9"})(["width:0;height:0;overflow:hidden;"]),f=(0,l.ZP)(n.zx).withConfig({displayName:"PdpSaveListButton",componentId:"-__sc-69be842a-10"})(({hideButton:e})=>`
35    opacity: ${+!e};
36    visibility: ${e?"hidden":"visible"};
37    height: ${e?0:"auto"};
38    min-height: ${e?0:d.W0.lg};
39    overflow: ${e?"hidden":"unset"};
40    transition: opacity 0.3s ease;
41`);var b=s(86706),L=s(77231),_=s(55726),x=s(91546),I=s(91247),C=s(15009),T=s(36544),w=s(24512),P=s(78004),E=s(55771),$=s(92888),N=s(31043);let{events:k,keys:W}=w.PlanningReviewGTM,Z={addItemToList:L.Ne,createNewCustomList:L.WZ,removeItemFromList:L.dV,emptyCart:_.UY,emptyPlanningList:x.Rq},j=(0,b.$j)((e,t)=>({isPlanning:(0,C.oD)(e),products:(0,C.yA)(e,t.modalLocation),customLists:e.lists.customLists,currency:e.stores.activeStoreDetails.currency,addToWishlistEventValues:(0,E.YG)(e),isEventTrackingEnabled:e.settings.growthbook.isEventTrackingEnabled}),Z)(e=>{let{addItemToList:t,buttonText:s,buttonDisabled:l,createNewCustomList:d,currency:o,customLists:b,emptyCart:L,emptyCartListCheckboxText:_,emptyPlanningList:x,hideDeleteCheckbox:C,isPlanning:E,modalLocation:Z,placeholderText:j,products:S,removeItemFromList:A,skus:M,standalone:B,title:D,toggleModal:V}=e,K=[],O="listName",G="saveConfirmationId",U=e=>{let t=document?.getElementById(G);t&&(t.innerHTML=e)},R=()=>{let e=[];return b.forEach(t=>{if(t.skus&&t.skus.length>0){let s;B&&(s=t.skus,M.every(e=>s.includes(e)))&&e.push(t.listId),!B&&t.skus.find(e=>M.includes(e))&&e.push(t.listId)}}),e},[H,z]=a.useState(R()),[X,Y]=a.useState(!1),[F,q]=a.useState(!1),[Q,J]=a.useState(""),[ee,et]=a.useState(!0),[es,ei]=a.useState(!1),[ea,el]=a.useState({value:"",touched:!1,error:null}),[ed,en]=a.useState(!1),[eo,er]=a.useState(!0),ec=a.useMemo(()=>{let e=R(),t=H.some(t=>!e.includes(t)),s=e.some(e=>!H.includes(e));return{hasNewListsSelected:t,hasListsRemoved:s,hasNoChanges:!X&&!t&&!s}},[H,X]),eu=()=>E?x():L("pdpListTooltip/saveToListBtn"),em=e=>{let{value:t}=e.target,s=(0,N.b)(t),i=b.map(e=>e.name);Y(null!==s&&""!==s),ei(!!i.find(e=>e===s.trim())),J(s),et(!!i.find(e=>e===s.trim()))};return a.useEffect(()=>{el({value:Q,touched:!0,error:null})},[Q]),a.useEffect(()=>{es?el({value:Q,touched:!0,error:{inputName:O,hasError:!0,errorMessage:"You already have a list with this name"}}

41):(et(!(X||ec.hasNewListsSelected||ec.hasListsRemoved)),el({value:Q,touched:!0,error:null}),U("")),er(ec.hasNoChanges)},[H,X,Q]),a.useEffect(()=>{if(ed){let e=b.length>0?b.length-1:0;b[e]?.listId&&document.getElementById(b[e].listId)?.focus()}else b.length&&b[0]?.listId&&document.getElementById(b[0].listId)?.focus();et(!0)},[b]),(0,i.jsxs)(u,{standalone:B,"data-testid":"PdpListTooltipTestId",children:[B&&(0,i.jsx)(r,{id:$.U,children:D}),(0,i.jsxs)(m,{"data-testid":"PdpListTooltipExistingListTestId",role:"presentation",children:[b.map(e=>{let{name:t,listId:s}=e;return H.includes(s)&&K.push(t),(0,i.jsx)(h,{checked:H.includes(s),children:(0,i.jsx)(n.XZ,{ariaLabel:t,checkboxName:s,checked:H.includes(s),"data-testid":`PdpCustomListTestId-${t}`,disabled:!1,handleChange:()=>{H.includes(s)?z(H.filter(e=>e!==s)):z([...H,s])},label:t&&t.length>25?`${t.substring(0,25)}...`:t})},s)}),(0,i.jsxs)(h,{input:es,isInput:!0,children:[(0,i.jsx)(y,{input:es,children:(0,i.jsx)(n.XZ,{checkboxName:"newListCheckbox",checked:X,"data-testid":"PdpListTooltipNewListCheckboxTestId",disabled:!0})}),(0,i.jsx)(p,{children:(0,i.jsx)(g,{id:O,name:O,label:j,floatingLabel:!0,handleChange:em,"data-testid":"PdpListTooltipListInputTestId",value:ea.value,hasError:ea.error?.hasError,errorMessage:ea.error?.errorMessage,errorTranslateProps:ea.error?.errorTranslateProps})})]}),B&&!C&&(0,i.jsx)(c,{children:(0,i.jsx)(n.XZ,{checkboxName:"emptyCart",checked:F,"data-testid":"PdpListTooltipEmptyCartCheckboxTestId",handleChange:()=>q(!F),label:_,ariaLabel:_})}),(0,i.jsxs)(h,{children:[(0,i.jsx)(f,{analyticsEvents:"listReview"===Z?(0,P.ZP)(k.planning_review_event,[{gtmKey:W.linkButtonText,gtmValue:s},{gtmKey:W.listNamesSaved,gtmValue:K},{gtmKey:W.skusAddedToLists,gtmValue:M}],w.nv.CLICK):void 0,"data-testid":"PdpListTooltipSaveButtonTestId",disabled:ee,fullWidth:!0,handleClick:()=>{if(!es){var s;let i=H.filter(e=>!R().includes(e)),a=R().filter(e=>!H.includes(e));i.length>0&&i.forEach(s=>{b.forEach(i=>{let a=i.listId===s?i.name:null;null!==a&&(T.Z.addItemToList(e.addToWishlistEventValues,a,S,Z,o,M,e.isEventTrackingEnabled),t(M,s,a))})}),H!==R()&&a.length>0&&a.forEach(e=>{b.forEach(t=>{null!==(t.listId===e?t.name:null)&&A(t.name,M,e,["pdpCustomList"])})}),X&&(s=(0,I.Z)(),d(ea.value,M,s),T.Z.createNewList(ea.value),T.Z.addItemToList(e.addToWishlistEventValues,ea.value,S,Z,o,M,e.isEventTrackingEnabled),em({target:{value:""}}),z([...H,s]),en(!0),F&&eu()),F&&(eu(),V&&V()),U("successfully saved")}},hideButton:eo,children:ee?l:s}),(0,i.jsx)(v,{"aria-live":"polite",id:G})]})]})]})})},31043:(e,t,s)=>{s.d(t,{b:()=>i});let i=e=>e.replace(/^ +/gm,"")},36544:(e,t,s)=>{s.d(t,{Z:()=>b});var i=s(78004),a=s(94792),l=s(24512),d=s(8618),n=s(67565);let o=e=>{try{return e?(0,n.O)({event:"add_to_wishlist",ecommerce:e}):null}catch(e){d.logger.error("GA4AddToWishlist",e)}};var r=s(66941),c=s(946);let u=(e,t,s)=>{try{let i=[],a=s.reduce((e,s)=>{let{price:a,quantity:l}=(0,r.Q)(s),d=s.categories?s.categories:[],n=s.breadCrumb?s.breadCrumb:"",o=s.category?s.category:"",u=(0,c.N)(d,n,o);return i.push({item_id:s.sku,item_name:s.name,item_brand:s.brand,item_list_name:t,quantity:l,price:a,...u}),e+a},0);return{currency:e,value:a,items:i}}catch(e){return d.logger.error("GA4AddToWishlistPayloadMapper() ",e),null}};var m=s(30132),h=s(55771);let{events:p,keys:g}=l.MyListsGTM,y=(e,t,s,i,a)=>{let l=u(i,t,[s]);l&&(o(l),a&&(0,m.j)((0,h.yn)(e,l))),f(t,s.sku,s.name)},v=(e,t,s,i,a)=>{let l=u(i,t,Object.values(s));l&&(o(l),a&&(0,m.j)((0,h.yn)(e,l))),Object.keys(s).forEach(e=>{if(!s[e].checked)return f(t,e,s[e].name)})},f=(e,t,s)=>(0,a.I)((0,i.CM)(p.my_lists_add_product,[{gtmKey:g.listName,gtmValue:e},{gtmKey:g.productId,gtmValue:t},{gtmKey:g.productName,gtmValue:s}])),b={createNewList:e=>{(0,a.I)((0,i.CM)(p.my_lists_new_list,[{gtmKey:g.list,gtmValue:e}]))},addItemToList:(e,t,s,i,a,l,d)=>({productPage:()=>y(e,t,s,a,d),cartPage:()=>v(e,t,s,a,d),listReview:()=>v(e,t,s,a,d),recipePage:()=>v(e,t,s,a,d),pdpModal:()=>y(e,t,s,a,d),orderDetailsPage:()=>v(e,t,s.filter(e=>l.includes(e.sku)),a,d)})[i]()}}}]);