https://www.dulux.com.au/_next/static/chunks/7037-b2a4ad4490465f53.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7037],{42480:function(){},32828:function(e,l,i){"use strict";i.d(l,{A:function(){return r},D:function(){return o}});var t=i(45008),n=i(2559),s=i(55536);function d(){let e=(0,t._)(["\n  ","\n  query User {\n    myRetailUserAccount {\n      ...UserFragment\n    }\n  }\n"]);return d=function(){return e},e}function a(){let e=(0,t._)(["\n  query SAPContactId {\n    myRetailUserAccount {\n      sapContactId\n    }\n  }\n"]);return a=function(){return e},e}let o=(0,n.Ps)(d(),s.m),r=(0,n.Ps)(a())},19343:function(e,l,i){"use strict";i.d(l,{default:function(){return q}});var t,n,s=i(57437),d=i(90658),a=i(36760),o=i.n(a),r=i(63993),c=i(33145),u=i(2265),x=i(34422);i(94746);var M="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMTBMMTIuMjYgMTMuNTA2N0MxMi40NzkxIDEzLjY1MjkgMTIuNzM2NiAxMy43MzA5IDEzIDEzLjczMDlDMTMuMjYzNCAxMy43MzA5IDEzLjUyMDkgMTMuNjUyOSAxMy43NCAxMy41MDY3TDE5IDEwTTguMzMzMzMgMTcuMzMzM0gxNy42NjY3QzE4LjAyMDMgMTcuMzMzMyAxOC4zNTk0IDE3LjE5MjkgMTguNjA5NSAxNi45NDI4QzE4Ljg1OTUgMTYuNjkyOCAxOSAxNi4zNTM2IDE5IDE2VjkuMzMzMzNDMTkgOC45Nzk3MSAxOC44NTk1IDguNjQwNTcgMTguNjA5NSA4LjM5MDUyQzE4LjM1OTQgOC4xNDA0OCAxOC4wMjAzIDggMTcuNjY2NyA4SDguMzMzMzNDNy45Nzk3MSA4IDcuNj

1QwNTcgOC4xNDA0OCA3LjM5MDUyIDguMzkwNTJDNy4xNDA0OCA4LjY0MDU3IDcgOC45Nzk3MSA3IDkuMzMzMzNWMTZDNyAxNi4zNTM2IDcuMTQwNDggMTYuNjkyOCA3LjM5MDUyIDE2Ljk0MjhDNy42NDA1NyAxNy4xOTI5IDcuOTc5NzEgMTcuMzMzMyA4LjMzMzMzIDE3LjMzMzNaIiBzdHJva2U9IiMwQjFCMzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==",g=i(31e3);(t=n||(n={})).GUIDE_PRINT_CLICKED="Guide Print Clicked",t.GUIDE_EMAIL_CLICKED="Guide Email Clicked",t.GUIDE_EMAIL_SUBMITTED="Guide Email Submitted";let m=(e,l)=>{(0,g.L9)(e,{category:"Project Guide",label:l})},j=e=>{m("Guide Print Clicked",e)},N=e=>{m("Guide Email Clicked",e)},h=e=>{m("Guide Email Submitted",e)};var p=i(16190),y=i(90592),f=i(22018),z=i(95633),C=i(33417),I=i(47346),D=i(29174),T=i(66261),v=i(79815),b=i(60354),A=i(30780),w=i(88114),L=i(83166),E=i(83262),k=i(52911),S=i(20869),U=i(90608),O=i(38056),Z=i(71925),Y=i(46413),Q=i(13131),H=i(12),P=i(81252),_=i(74332),G=i(68022),V=i.n(G),R=i(42978);let B=(0,P.O)({}),W=Q.mM.create({body:{paddingTop:20,paddingBottom:50,paddingHorizontal:30},header:{fontSize:12,...B("flex-row-reverse")},pageNumber:{position:"absolute",fontSize:12,bottom:20,left:0,right:30,textAlign:"right"},subtitle:{fontSize:20},listItem:{fontSize:16}});var J=e=>{let{projectName:l,addToCartEnabled:i,shoppingList:t,className:n,guideProjectName:d}=e,[a,o]=(0,u.useState)([]),[r,c]=(0,u.useState)();(0,u.useEffect)(()=>{var e;c(null===(e=window)||void 0===e?void 0:e.location.origin)},[]);let x=e=>(0,R.xf)(e)?e:"".concat(r).concat(e||"");(0,u.useEffect)(()=>{o([]);let e=e=>{var l,i;let t=document.createElement("CANVAS"),n=t.getContext("2d");t.height=(null!==(l=null==e?void 0:e.height)&&void 0!==l?l:0)+2,t.width=(null!==(i=null==e?void 0:e.width)&&void 0!==i?i:0)+2,n.drawImage(e,1,1),o(e=>[...e,t.toDataURL()])},l=null==t?void 0:t.map(l=>{let i=null==l?void 0:l.titleLeftIconUrl,t=new Image;return t.crossOrigin="Anonymous",t.addEventListener("load",()=>{e(t)}),t.src=i,t});return()=>{l.map(l=>l.removeEventListener("load",e))}},[t]);let M=(0,s.jsx)(Q.BB,{children:(0,s.jsxs)(Q.T3,{style:{...W.body,...B("flex gap-6")},children:[(0,s.jsx)(Q.G7,{fixed:!0,style:W.header,children:(0,s.jsxs)(Q.ny,{width:"160px",height:"48px",viewBox:"0 0 160 48","aria-labelledby":"logo-alt",children:[(0,s.jsx)(Q.y$,{d:"M0 0V44.6667H160V0H0Z",fill:"#0B1B34"}),(0,s.jsx)(Q.y$,{d:"M160 44.667H0V47.6803H160V44.667Z",fill:"#E21C24"}),(0,s.jsx)(Q.y$,{d:"M139.733 16.2664C139.253 16.2664 138.799 16.4264 138.453 16.7731C138.053 17.1464 137.866 17.5998 137.866 18.1331C137.866 18.6664 138.053 19.0931 138.399 19.4664C138.773 19.8398 139.199 19.9998 139.733 19.9998C140.239 19.9998 140.666 19.8131 141.039 19.4664C141.413 19.0931 141.599 18.6664 141.599 18.1331C141.599 17.6264 141.413 17.1731 141.039 16.7998C140.693 16.4531 140.239 16.2664 139.733 16.2664ZM140.826 19.2531C140.533 19.5464 140.159 19.7064 139.733 19.7064C139.306 19.7064 138.933 19.5464 138.639 19.2531C138.346 18.9598 138.186 18.5864 138.186 18.1598C138.186 17.7331 138.346 17.3864 138.639 17.0664C138.933 16.7464 139.306 16.5864 139.733 16.5864C140.159 16.5864 140.533 16.7464 140.826 17.0664C141.119 17.3864 141.279 17.7331 141.279 18.1598C141.279 18.5864 141.119 18.9331 140.826 19.2531Z",fill:"white"}),(0,s.jsx)(Q.y$,{d:"M140.586 19.0664C140.586 19.0398 140.586 19.0131 140.586 19.0131V18.8264C140.586 18.6131 140.533 18.4531 140.399 18.3731C140.319 18.3198 140.239 18.2931 140.106 18.2664C140.239 18.2398 140.373 18.2131 140.479 18.1331C140.586 18.0531 140.613 17.9198 140.613 17.7598C140.613 17.5198 140.533 17.3598 140.346 17.2531C140.239 17.1998 140.106 17.1464 139.946 17.1464C139.919 17.1464 139.786 17.1464 139.519 17.1464C139.253 17.1464 139.066 17.1464 138.933 17.1464V19.1998H139.466V18.4531H139.706C139.786 18.4531 139.839 18.4798 139.893 18.4798C139.973 18.5064 140.026 18.5598 140.053 18.6398C140.079 18.6931 140.079 18.7731 140.079 18.9064C140.079 19.0398 140.106 19.1198 140.106 19.1998H140.613L140.586 19.1464C140.586 19.1198 140.586 19.0931 140.586 19.0664ZM139.973 17.9998C139.893 18.0531 139.813 18.0798 139.679 18.0798H139.466V17.4664H139.599C139.733 17.4664 139.839 17.4931 139.919 17.5198C140.026 17.5731 140.079 17.6531 140.079 17.7598C140.079 17.8664 140.026 17.9464 139.973 17.9998Z",fill:"white"}),(0,s.jsx)(Q.y$,{d:"M70.3194 16.2131C70.3194 16.2131 68.346 27.8931 67.9994 29.3598C67.6527 30.8531 66.8527 31.9731 64.8794 31.9731C62.906 31.9731 62.5594 30.5864 62.9594 28.4531C63.3594 26.3198 65.1727 16.2398 65.1727 16.2398H56.906C56.906 16.2398 54.7194 26.8798 54.346 29.6798C53.946 32.5065 53.466 36.5065 63.3594 36.5065C67.3594 36.5065 71.8127 35.1731 73.146 35.1731C74.4794 35.1731 75.466 35.1731 75.466 35.1731L78.826 16.1865H70.3194V16.2131Z",fill:"white"}),(0,s.jsx)(Q.y$,{d:"M104.133 16.2131C104.133 16.2131 102.159 27.8931 101.813 29.3598C101.466 30.8531 100.666 31.9731 98.6927 31.9731C96.7194 31.9731 96.3727 30.5864 96.7727 28.4531C97.1727 26.3198 98.986 16.2398 98.986 16.2398H90.7194C90.7194 16.2398 88.5327 26.8798 88.1594 29.6798C87.7594 32.5065 87.2794 36.5065 97.1727 36.5065C101.173 36.5065 105.626 35.1731 106.959 35.1731C108.293 35.1731 109.279 35.1731 109.279 35.1731L112.639 16.1865H104.133V16.2131Z",fill:"white"}),(0,s.jsx)(Q.y$,{d:"M81.9994 8.10645L77.1194 35.9731H85.4394L90.2927 8.10645H81.9994Z",fill:"white"}),(0,s.jsx)(Q.y$,{d:"M129.093 16.2664L125.119 21.3598L123.119 16.2664H113.733L117.653 25.8131L109.653 36.0531H117.199L121.493 30.6131L123.813 36.0531H133.253L128.986 25.7331L136.266 16.2664H129.093Z",fill:"white"}),(0,s.jsx)(Q.y$,{d:"M43.786 8.26645C32.7994 8.26645 28.426 8.26645 28.426 8.26645L23.3594 36.0531C23.3594 36.0531 36.7727 36.0531 38.3727 36.0531C39.946 36.0531 51.5194 35.4664 53.0127 27.3064C54.506 19.1464 54.506 19.1464 54.746 17.2531C54.986 15.1731 54.7727 8.26645 43.786 8.26645ZM45.146 19.5198C44.906 21.4131 44.906 21.3331 44.266 24.7731C43.626 28.2131 41.9194 30.6398 38.2927 30.6398C37.066 30.6398 33.786 30.6398 33.786 30.6398L36.5327 13.8131C36.5327 13.8131 38.1327 13.8131 41.146 13.8131C45.2527 13.8131 45.4394 17.2264 45.146 19.5198Z",fill:"white"})]})}),(0,s.jsxs)(Q.xv,{style:{fontSize:32},children:[l," shopping list"]}),(0,s.jsx)(Q.G7,{style:B("flex gap-6 flex-col"),children:null==t?void 0:t.map((e,l)=>(0,s.jsxs)(Q.G7,{style:B("flex gap-6 flex-col"),children:[(0,s.jsxs)(Q.G7,{style:{display:"flex",flexDirection:"row"},children:[(0,s.jsx)(Q.G7,{style:(null==a?void 0:a[l])?{width:"32px",height:"32px"}:void 0,children:(null==a?void 0:a[l])&&(0,s.jsx)(Q.Ee,{src:null==a?void 0:a[l]})}),(0,s.jsx)(V(),{resetStyles:!0,children:_.renderToStaticMarkup((0,s.jsx)("h3",{style:{fontSize:20,marginTop:"5px",marginLeft:"5px"},children:null==e?void 0:e.title}))})]}),null==e?void 0:e.shoppingItems.map((l,t)=>{let n=l.itemText,d=l.itemLink,a=l.checked||!1;return(0,s.jsxs)(Q.G7,{style:{fontSize:14,...B("flex flex-row items-center gap-2 pl-2")},children:[!i&&!(null==e?void 0:e.addToCartFlag)&&(0,s.jsx)(Q.ny,{width:"4px",height:"4px",viewBox:"0 0 12 12","aria-labelledby":"logo-alt",children:(0,s.jsx)(Q.G,{children:(0,s.jsx)(Q.Cd,{cx:"6",cy:"6",r:"6",fill:"#000000"})})}),(i||(null==e?void 0:e.addToCartFlag))&&(0,s.jsx)(Q.ny,{width:"12px",height:"12px",viewBox:"0 0 24 24",children:(0,s.jsxs)(Q.G,{children:[(0,s.jsx)(Q.UL,{width:"20",height:"20",x:"2",y:"3",strokeWidth:"2","stroke-linecap":"round","stroke-linejoin":"round",...a?{fill:"#000000"}:{stroke:"#000000"}}),a&&(0,s.jsx)(Q.y$,{d:"M7 13L10 16L17 9",...a?{stroke:"#FFF"}:{stroke:"#000000"},strokeWidth:"2","stroke-linecap":"round","stroke-linejoin":"round"})]})}),(0,s.jsx)(V(),{resetStyles:!0,children:_.renderToStaticMarkup((0,s.jsxs)("p",{style:{fontSize:14},children:[d&&(0,s.jsx)("a",{style:{textDecoration:"underline",color:"black"},href:x(d),target:"_blank",rel:"noreferrer",children:n}),!d&&(0,s.jsx)("span",{style:{color:"black"},children:n}),"\xa0",l.additionalInfo&&(0,s.jsx)("span",{children:"(".concat(l.additionalInfo,")")})]}))})]},"shopping-item-".concat(t))})]},"".concat(null==e?void 0:e.title,"-").concat(l)))}),(0,s.jsx)(Q.xv,{style:W.pageNumber,render:e=>{let{pageNumber:l,totalPages:i}=e;return"Page ".concat(l," of ").concat(i)},fixed:!0})]})}),g=async e=>{(0,H.saveAs)(await (0,Q.eA)(M).toBlob(),e)};return(0,s.jsx)(L.Z,{dataTest:D.Z.PRINT,leftIcon:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjMzMzMgMTUuODMzM0gxNi42NjY3QzE3LjAyMDMgMTUuODMzMyAxNy4zNTk0IDE1LjY5MjkgMTcuNjA5NSAxNS40NDI4QzE3Ljg1OTUgMTUuMTkyOCAxOCAxNC44NTM2IDE4IDE0LjVWMTEuODMzM0MxOCAxMS40Nzk3IDE3Ljg1OTUgMTEuMTQwNiAxNy42MDk1IDEwLjg5MDVDMTcuMzU5NCAxMC42NDA1IDE3LjAyMDMgMTAuNSAxNi42NjY3IDEwLjVINy4zMzMzM0M2Ljk3OTcxIDEwLjUgNi42NDA1NyAxMC42NDA1IDYuMzkwNTIgMTAuODkwNUM2LjE0MDQ4IDExLjE0MDYgNiAxMS40Nzk3IDYgMTEuODMzM1YxNC41QzYgMTQuODUzNiA2LjE0MDQ4IDE1LjE5MjggNi4zOTA1MiAxNS40NDI4QzYuNjQwNTcgMTUuNjkyOSA2Ljk3OTcxIDE1LjgzMzMgNy4zMzMzMyAxNS44MzMzSDguNjY2NjdNMTAgMTguNUgxNEMxNC4zNTM2IDE4LjUgMTQuNjkyOCAxOC4zNTk1IDE0Ljk0MjggMTguMTA5NUMxNS4xOTI5IDE3Ljg1OTQgMTUuMzMzMyAxNy41MjAzIDE1LjMzMzMgMTcuMTY2N1YxNC41QzE1LjMzMzMgMTQuMTQ2NCAxNS4xOTI5IDEzLjgwNzIgMTQuOTQyOCAxMy41NTcyQzE0LjY5MjggMTMuMzA3MSAxNC4zNTM2IDEzLjE2NjcgMTQgMTMuMTY2N0gxMEM5LjY0NjM4IDEzLjE2NjcgOS4zMDcyNCAxMy4zMDcxIDkuMDU3MTkgMTMuNTU3MkM4LjgwNzE0IDEzLjgwNzIgOC42NjY2NyAxNC4xNDY0IDguNjY2NjcgMTQuNVYxNy4xNjY3QzguNjY2NjcgMTcuNTIwMyA4LjgwNzE0IDE3Ljg1OTQgOS4wNTcxOSAxOC4xMDk1QzkuMzA3MjQgMTguMzU5NSA5LjY0NjM4IDE4LjUgMTAgMTguNVpNMTUuMzMzMyAxMC41VjcuODMzMzNDMTUuMzMzMyA3LjQ3OTcxIDE1LjE5MjkgNy4xNDA1NyAxNC45NDI4IDYuODkwNTJDMTQuNjkyOCA2LjY0MDQ4IDE0LjM1MzYgNi41IDE0IDYuNUgxMEM5LjY0NjM4IDYuNSA5LjMwNzI0IDYuNjQwNDggOS4wNTcxOSA2Ljg5MDUyQzguODA3MTQgNy4xNDA1NyA4LjY2NjY3IDcuNDc5NzEgOC42NjY2NyA3LjgzMzMzVjEwLjVIMTUuMzMzM1oiIHN0cm9rZT0iIzBCMUIzNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=",theme:"white",size:"cwe",className:null!=n?n:"",onClick:()=>{g("".concat(l," shopping list.pdf")),d&&j(d)},children:D.Z.PRINT})};let $=e=>(0,s.jsxs)("div",{className:"border flex border-dulux-mid-grey rounded-md px-3 py-4 mt-md",children:[(0,s.jsx)("div",{children:(0,s.jsx)(S.default,{path:e.iconUrl,

1size:"0-plus"})}),(0,s.jsxs)("div",{className:"ml-2",children:[(0,s.jsx)("p",{className:"text-sm font-medium text-dulux-charcoal",children:null==e?void 0:e.title}),(0,s.jsx)("div",{className:"text-sm text-dulux-black",children:null==e?void 0:e.richTextNode})]})]},null==e?void 0:e.title),F=e=>{let[l,i]=(0,u.useState)(),t=(0,C.Z)().width<=b.A.xl,n=async e=>{try{let l=await fetch("/api/dam/product-image?productCode=".concat(encodeURIComponent(e)));if(!l.ok)throw Error("DAM proxy responded with ".concat(l.status));let t=await l.json();if(!(null==t?void 0:t.imageUrl)){let e=await fetch("/api/dam/product-image?productCode=".concat(encodeURIComponent(T.iy)));e.ok&&(t=await e.json())}i(t)}catch(e){}};if((0,u.useEffect)(()=>{let l=e.productCode;l&&n(l)},[]),!e)return null;let d=e.slug||"";return(0,s.jsxs)("div",{className:"flex xl:flex-row flex-col relative xl:items-center bg-tan rounded-2xl p-4 mt-md",children:[(0,s.jsx)(U.default,{linkProps:{href:d},children:(0,s.jsx)("div",{className:"min-w-30 w-30 h-30 xl:min-w-50 xl:h-50 border border-dulux-silver-chalice rounded-lg mr-md below-xl:mb-md flex items-center p-4 below-xl:p-2 justify-center",children:(null==l?void 0:l.imageUrl)&&(0,s.jsx)(c.default,{className:"cursor-pointer object-cover",width:t?120:200,height:t?120:200,src:(0,A.oc)(l.imageUrl),alt:null==l?void 0:l.imageAlt})})}),(0,s.jsxs)("div",{className:o()({"xl:mt-9":null==e?void 0:e.ribbon}),children:[(0,s.jsx)(w.default,{theme:"normalLink",size:"underlined",href:d,children:(0,s.jsx)(Y.Z,{size:5,className:"mb-3",children:null==e?void 0:e.title})}),(0,s.jsx)("p",{className:"text-md mb-6",children:null==e?void 0:e.helpText}),(0,s.jsx)(w.default,{theme:"arrowLink",size:"underlined",href:d,ctaText:D.Z.VIEW_PRODUCT,children:D.Z.VIEW_PRODUCT})]}),(null==e?void 0:e.ribbon)&&(0,s.jsx)(O.Z,{title:null==e?void 0:e.ribbon,className:"py-1.5 px-4 -right-7px"})]},e.slug)},K=e=>{let{itemText:l,itemLink:i}=e;return(0,s.jsxs)("p",{children:[i&&(0,s.jsx)(w.default,{"data-testid":"shopping-item-cta-link",theme:"hyperlink",size:"underlined",href:i,children:l}),!i&&(0,s.jsx)("span",{children:l}),e.additionalInfo&&(0,s.jsx)("span",{children:" (".concat(e.additionalInfo,")")})]})},X=(e,l,i)=>{var t,n;return(0,s.jsxs)("div",{className:"text-black flex-grow basis-0 z-0",children:[(0,s.jsxs)("div",{className:"flex items-center",children:[(0,s.jsx)(S.default,{path:e.titleLeftIconUrl,size:"2-plus"}),(0,s.jsx)(Y.Z,{size:4,className:"ml-4 text-xl lg:text-2xl font-medium",testId:"shopping-item-title",children:null==e?void 0:e.title})]}),(0,s.jsxs)("div",{className:"mt-md",children:[!i&&!(null==e?void 0:e.addToCartFlag)&&(0,s.jsx)("ul",{className:"list-disc pl-md",children:null==e?void 0:e.shoppingItems.map((e,l)=>(null==e?void 0:e.itemText)&&(0,s.jsx)("li",{className:"mt-sm",children:K(e)},l))}),(i||(null==e?void 0:e.addToCartFlag))&&(0,s.jsx)("div",{children:null==e?void 0:e.shoppingItems.map((e,l)=>(0,s.jsxs)("div",{className:"mt-sm flex items-center",children:[(0,s.jsx)("input",{type:"checkbox",className:"mr-3 text-black"}),K(e)]},l))}),e.mostPopularProducts&&(0,s.jsx)("div",{className:o()({"mb-10":e.announceMessages}),children:null===(t=e.mostPopularProducts)||void 0===t?void 0:t.map(e=>F(e))}),null===(n=e.announceMessages)||void 0===n?void 0:n.map(e=>$(e))]})]},"".concat(null==e?void 0:e.entryName,"-").concat(l))};var q=e=>{let{stepOrdinalNumber:l,title:i,shoppingList:t,addToCartEnabled:n,epiProps:a}=e,[o,c]=(0,u.useState)(),g=(0,I.a)(),m=(0,u.useRef)(),j=(0,u.useRef)(),[T,w]=(0,u.useState)(!1),S=(0,C.Z)().width<b.A.md,[O,Q]=(0,u.useState)(!1),H=(0,f.V)(),P=(0,z.G)(),{crumbItems:_}=(0,y.h)(),G=_&&_.length>0?_[_.length-1].label.toString():null;(0,u.useEffect)(()=>{c(document.title)},[]);let V=()=>{let e=document.documentElement.clientHeight,l=m.current,i=l.getBoundingClientRect().top,t=0;i<e/1.9&&(l.scrollIntoView({behavior:"smooth",block:S?"end":"center"}),t=200),setTimeout(()=>{S||(0,d.fi)(m.current,j.current,{placement:"top",modifiers:[{name:"offset",options:{offset:[0,10]}},{name:"eventListeners",options:{scroll:!1}}]}),w(!0),B(!1)},t)},R=()=>{w(!1),B(!0)},B=e=>{if(e){document.body.style.overflow="auto";return}document.body.style.overflow="hidden"},W=(e,l,i)=>({shoppingListInput:{projectPageName:l,email:i,shoppingList:e.map(e=>({title:e.title,shoppingItems:e.shoppingItems.map(e=>({title:e.itemText,link:e.itemLink?e.itemLink.replace(/^\/|\/$/g,""):e.itemLink,additionalInfo:null==e?void 0:e.additionalInfo})).filter(e=>!!(null==e?void 0:e.title))}))}}),$=async e=>{if(!(null==g?void 0:g.uid)&&!e){T?R():V();return}T&&R(),Q(!0);try{let{userErrors:l}=await v.W.emailShoppingList(W(t,o,(null==g?void 0:g.uid)||e));if(l.length){let e=l.map(e=>e.message);null==H||H.actions.addError(e.join(", "))}P.actions.addPrompt(D.Z.EMAIL_SENT_SUCCESSFULLY,p.Hr)}catch(e){console.log(e),null==H||H.actions.addError(D.Z.EMAIL_SENT_ERROR)}finally{Q(!1)}};return(0,s.jsxs)(E.Z,{children:[(0,s.jsxs)("div",{className:"text-xl-plus lg:text-3xl flex font-medium items-center",children:[l&&(0,s.jsx)("div",{className:"flex-grow-0 flex-shrink-0 mr-4 bg-dulux-navy-blue rounded-full text-white text-lg-plus flex justify-center items-center w-8.5 h-8.5 lg:w-11.5 lg:h-11.5",children:l}),(0,s.jsx)("div",{...null==a?void 0:a.title,children:(0,s.jsx)(Y.Z,{size:2,bookmarkPoint:(0,A.Cc)(i),children:i})})]}),(0,s.jsxs)("div",{className:"mt-8",children:[(0,s.jsx)("div",{className:"px-sm py-md lg:px-10 lg:py-10 border border-mid-grey border-b-0 rounded-t-2xl gap-20 below-lg:gap-10 bg-white flex flex-col lg:flex-row",children:null==t?void 0:t.map((e,l)=>X(e,l,n))}),(0,s.jsxs)("div",{className:"p-8 below-lg:pt-2 below-lg:px-sm border border-mid-grey rounded-b-2xl bg-white below-lg:border-t-0 text-dulux-navy-blue",children:[(0,s.jsxs)("div",{className:"flex below-lg:flex below-lg:flex-col below-lg:gap-y-4",children:[(0,s.jsx)("div",{children:(0,s.jsx)(J,{className:"mr-4 border border-dulux-navy-blue below-lg:w-full rounded",projectName:o,shoppingList:t,addToCartEnabled:n,guideProjectName:G})}),(0,s.jsx)("div",{ref:m,className:"inline-block shopping-list-email__fields-container",children:(null==g?void 0:g.uid)?(0,s.jsx)(r.J9,{initialValues:{},onSubmit:async()=>{$(),h(G)},children:e=>(0,s.jsx)(r.l0,{onSubmit:e.handleSubmit,children:(0,s.jsx)(Z.Z,{hidePolicy:!0,loading:O,disabled:O,type:"submit",loadingIndicatorClassName:"loading-indicator__offset",leftIcon:M,theme:"white",className:"mr-4 border border-dulux-navy-blue below-lg:w-full rounded ".concat(O?" button-loading-wrapper":""),size:"cwe",children:D.Z.EMAIL})})}):(0,s.jsx)(L.Z,{dataTest:D.Z.EMAIL,loading:O,disabled:O,loadingIndicatorClassName:"loading-indicator__offset",leftIcon:M,onClick:()=>{V(),N(G)},theme:"white",className:"mr-4 border border-dulux-navy-blue below-lg:w-full rounded ".concat(O?" button-loading-wrapper":""),size:"cwe",children:D.Z.EMAIL})})]}),(null==g?void 0:g.uid)&&(0,s.jsx)("div",{children:(0,s.jsxs)("p",{className:"mt-8 font-light",children:[(0,s.jsx)("span",{children:"This site is protected by reCAPTCHA and the Google "}),(0,s.jsx)(U.default,{anchorProps:{className:"text-black hover:text-dulux-secondary underline hover:no-underline font-normal"},linkProps:{href:"https://policies.google.com/privacy"},children:"Privacy Policy"}),(0,s.jsx)("span",{children:" and "}),(0,s.jsx)(U.default,{anchorProps:{className:"text-black hover:text-dulux-secondary underline hover:no-underline font-normal"},linkProps:{href:"https://policies.google.com/terms"},children:"Terms of Service"}),(0,s.jsx)("span",{children:" apply"}),"."]})}),T&&(0,s.jsx)("div",{className:"overlay-gray"}),(0,s.jsxs)("div",{"data-testid":"shopping-list-email-popup",className:(T?"":"hidden ")+"roun

1ded-2xl",ref:j,style:{zIndex:406,...S?{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}:{}},children:[(0,s.jsx)(L.Z,{theme:null,size:null,className:"cursor-pointer absolute right-0",onClick:R,children:(0,s.jsx)("span",{className:"text-xl black mr-3",children:"\xd7"})}),(0,s.jsx)("div",{className:"flex flex-col w-full",style:{width:"".concat(S?"calc(100vw - 2rem)":"456px")},children:(0,s.jsx)("div",{className:"p-8 pt-6 rounded-2xl bg-white",children:(0,s.jsx)(r.J9,{initialValues:{email:""},validationSchema:x.Ry({email:k.M}),validateOnBlur:!1,enableReinitialize:!0,onSubmit:async e=>{$(e.email),h(G)},children:e=>(0,s.jsx)("div",{className:"shopping-list-email__fields-container",children:(0,s.jsxs)(r.l0,{onSubmit:e.handleSubmit,children:[(0,s.jsx)(k.Z,{label:D.Z.PLEASE_ENTER_YOUR_EMAIL_ADDRESS}),(0,s.jsx)(Z.Z,{dataTest:"submit-email",className:"mr-4 border border-dulux-navy-blue w-full rounded single-button-group".concat(O?" button-loading-wrapper":""),loading:O,disabled:O,loadingIndicatorClassName:"loading-indicator__offset",type:"submit",theme:"primary-button-navy",size:"cwe",children:D.Z.SUBMIT})]})})})})})]})]})]})]})}},79815:function(e,l,i){"use strict";i.d(l,{W:function(){return a}});var t=i(96126),n=i(33508),s=i(32828);let d=async e=>await (0,n.T)(s.D,{transform:e=>null==e?void 0:e.myRetailUserAccount,...e&&{context:{idToken:e}}}),a={me:async e=>await d(e),updateUser:async e=>await (0,t.dY)(e),registerUser:async(e,l)=>await (0,t.sP)(e,l),emailShoppingList:async e=>await (0,t.lO)(e)}}}]);