https://www.dulux.com.au/_next/static/chunks/7203.07f929189264cec8.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7203],{67394:function(l,i,e){e.d(i,{C6:function(){return d},DT:function(){return r},y_:function(){return n}});var o=e(66261),t=e(31316);let n=l=>l?"link"in l?null==l?void 0:l.link:"slug"in l?null==l?void 0:l.slug:"":"",d=async l=>{try{let i=await fetch("/api/dam/product-image?productCode=".concat(encodeURIComponent(l)));if(!i.ok)throw Error("DAM proxy responded with ".concat(i.status));let e=await i.json();if(!e.imageUrl){let l=await fetch("/api/dam/product-image?productCode=".concat(encodeURIComponent(o.iy)));if(!l.ok)return null;return await l.json()}return e}catch(l){return null}},r=async l=>await Promise.all(l.map(async l=>{var i,e,o;let{fields:r}=l,s=await Promise.all((null==r?void 0:r.stepCards)?null==r?void 0:null===(i=r.stepCards)||void 0===i?void 0:i.map(async l=>{var i,e,o,r,s,a,u,c,v,f,p,m,g,_,h,y,x,j,w,k,b,P,N,O,C,T,E,I,L,A,z,Z,B,S,D,M,F,R,U,G,H;let{fields:K}=l,V=await d(null==K?void 0:null===(e=K.relatedProduct)||void 0===e?void 0:null===(i=e.fields)||void 0===i?void 0:i.productCode),W=async l=>await d(null==l?void 0:l.productCode),Y=null==K?void 0:null===(u=K.cardImage)||void 0===u?void 0:null===(a=u.fields)||void 0===a?void 0:null===(s=a.image)||void 0===s?void 0:null===(r=s.fields)||void 0===r?void 0:null===(o=r.file)||void 0===o?void 0:o.url,q=null==K?void 0:null===(v=K.cardImage)||void 0===v?void 0:null===(c=v.fields)||void 0===c?void 0:c.videoLink,J=Y||q||"";return{...K,cardImage:J,cardRealType:(0,t.CF)({contentType:null==K?void 0:null===(_=K.cardImage)||void 0===_?void 0:null===(g=_.fields)||void 0===g?void 0:null===(m=g.image)||void 0===m?void 0:null===(p=m.fields)||void 0===p?void 0:null===(f=p.file)||void 0===f?void 0:f.contentType,src:J,isVideoLink:!Y&&!!q}),thumbnailImage:(null==K?void 0:null===(w=K.cardImage)||void 0===w?void 0:null===(j=w.fields)||void 0===j?void 0:null===(x=j.thumbnailImage)||void 0===x?void 0:null===(y=x.fields)||void 0===y?void 0:null===(h=y.file)||void 0===h?void 0:h.url)||"",iconAi:null==K?void 0:null===(O=K.iconAi)||void 0===O?void 0:null===(N=O.fields)||void 0===N?void 0:null===(P=N.image)||void 0===P?void 0:null===(b=P.fields)||void 0===b?void 0:null===(k=b.file)||void 0===k?void 0:k.url,relatedProducts:null==K?void 0:null===(C=K.relatedProducts)||void 0===C?void 0:C.map(l=>{let{fields:i}=l;return{title:null==i?void 0:i.title,slug:null==i?void 0:i.slug}}),relatedColours:null==K?void 0:null===(T=K.relatedColours)||void 0===T?void 0:T.map(l=>{var i,e;let{fields:o}=l;return{name:null==o?void 0:o.name,hexCode:null==o?void 0:o.hexCode,link:n(null==o?void 0:null===(e=o.link)||void 0===e?void 0:null===(i=e[0])||void 0===i?void 0:i.fields)}}),announceMessages:(null==K?void 0:K.announceMessages)?{...null==K?void 0:null===(E=K.announceMessages)||void 0===E?void 0:E.fields,iconAi:null==K?void 0:null===(S=K.announceMessages)||void 0===S?void 0:null===(B=S.fields)||void 0===B?void 0:null===(Z=B.iconAi)||void 0===Z?void 0:null===(z=Z.fields)||void 0===z?void 0:null===(A=z.image)||void 0===A?void 0:null===(L=A.fields)||void 0===L?void 0:null===(I=L.file)||void 0===I?void 0:I.url}:null,relatedProduct:{slug:null==K?void 0:null===(M=K.relatedProduct)||void 0===M?void 0:null===(D=M.fields)||void 0===D?void 0:D.slug,productCode:null==K?void 0:null===(R=K.relatedProduct)||void 0===R?void 0:null===(F=R.fields)||void 0===F?void 0:F.productCode,title:null==K?void 0:null===(G=K.relatedProduct)||void 0===G?void 0:null===(U=G.fields)||void 0===U?void 0:U.title,productImage:V},productBlocks:await Promise.all(K.productBlocks?null===(H=K.productBlocks)||void 0===H?void 0:H.map(async l=>{var i,e,o,t,n,d,r;return{ctaText:null==l?void 0:null===(e=l.fields)||void 0===e?void 0:null===(i=e.ctaLinkEntry)||void 0===i?void 0:i.fields.ctaText,ctaLink:null==l?void 0:null===(t=l.fields)||void 0===t?void 0:null===(o=t.ctaLinkEntry)||void 0===o?void 0:o.fields.ctaLink,featuredProducts:await Promise.all((null==l?void 0:null===(n=l.fields)||void 0===n?void 0:n.featuredProducts)?null==l?void 0:null===(r=l.fields)||void 0===r?void 0:null===(d=r.featuredProducts)||void 0===d?void 0:d.map(async l=>{let{fields:i}=l;return{title:null==i?void 0:i.title,slug:null==i?void 0:i.slug,productImage:await W(i)}}):[])}}):[])}}):[]);return{...r,announceMessage:null==r?void 0:null===(e=r.announceMessage)||void 0===e?void 0:e.map(l=>{var i,e,o,t,n,d,r,s,a,u;let{fields:c}=l;return{...c,iconAi:null==c?void 0:null===(n=c.iconAi)||void 0===n?void 0:null===(t=n.fields)||void 0===t?void 0:null===(o=t.image)||void 0===o?void 0:null===(e=o.fields)||void 0===e?void 0:null===(i=e.file)||void 0===i?void 0:i.url,imageAi:null==c?void 0:null===(u=c.imageAi)||void 0===u?void 0:null===(a=u.fields)||void 0===a?void 0:null===(s=a.image)||void 0===s?void 0:null===(r=s.fields)||void 0===r?void 0:null===(d=r.file)||void 0===d?void 0:d.url}}),infoItems:null==r?void 0:null===(o=r.infoItems)||void 0===o?void 0:o.map(l

1=>{var i,e,o,t,n,d;let{fields:r}=l;return{...r,iconAi:null==r?void 0:null===(n=r.iconAi)||void 0===n?void 0:null===(t=n.fields)||void 0===t?void 0:null===(o=t.image)||void 0===o?void 0:null===(e=o.fields)||void 0===e?void 0:null===(i=e.file)||void 0===i?void 0:i.url,ctaLinksEntry:null==r?void 0:null===(d=r.ctaLinksEntry)||void 0===d?void 0:d.map(l=>{let{fields:i}=l;return{ctaText:null==i?void 0:i.title,ctaLink:(null==i?void 0:i.slug)||(null==i?void 0:i.link)}})}}),stepCards:s}}))},81624:function(l,i,e){e.r(i),e.d(i,{default:function(){return m}});var o=e(57437),t=e(2265),n=e(36760),d=e.n(n),r=e(30780),s=e(88114),a=e(83262),u=e(88915),c=e(46413),v=l=>{var i;let{title:e,numberOfSteps:n,ctaText1:v,ctaLink1:f,ctaText2:p,ctaLink2:m,logoOne:g,logoTwo:_,logoThree:h,logoFour:y}=l,x=g||_||h||y;return(0,o.jsx)(a.Z,{bookmarkPoint:e?(0,r.Cc)(e):"",children:(0,o.jsxs)("div",{className:"steps","data-testid":"steps",children:[e&&(0,o.jsx)(c.Z,{size:2,className:"steps__title",children:e}),(0,o.jsx)("div",{className:"steps__step__wrap",children:null==n?void 0:null===(i=n.map)||void 0===i?void 0:i.call(n,(l,i)=>(0,o.jsxs)("div",{className:"steps__step",children:[(0,o.jsx)("div",{className:"steps__step__count",children:i+1}),(0,o.jsxs)("div",{className:"steps__step__content",children:[l.title&&(0,o.jsx)("span",{className:"steps__step__title",children:l.title}),l.description&&(0,o.jsxs)("p",{className:"steps__step__description",children:[" ",l.description," "]})]}),(0,o.jsx)("div",{className:d()("flex gap-4 flex-row"),children:(null==l?void 0:l.productBlocks)&&l.productBlocks.map((l,i)=>(0,t.createElement)(u.Z,{...l,key:"".concat(l.ctaText||"productBlock","-").concat(i)}))})]},"".concat(l.title||"step","-").concat(i)))}),v&&f||p&&m?(0,o.jsxs)("div",{className:"steps__step__actions-wrap",children:[(0,o.jsx)("div",{className:"steps__step__actions",children:(0,o.jsx)("div",{className:"steps__step__actions-cta",children:v&&f&&(0,o.jsx)(s.Z,{href:f,isInternalAnchor:!0,width:"full",size:"cwe",theme:"primary-navy",children:v})})}),p&&m?(0,o.jsx)("div",{className:"steps__step__actions",children:(0,o.jsx)("div",{className:"steps__step__actions-cta",children:(0,o.jsx)(s.Z,{href:m,isInternalAnchor:!0,width:"full",size:"cwe",theme:"primary-navy",children:p})})}):null]}):null,x&&(0,o.jsx)("div",{className:"steps__step__images-wrap",children:(0,o.jsxs)("div",{className:"steps__step__images",children:[(0,o.jsx)("div",{className:"steps__step__image",children:g&&(0,o.jsx)("img",{src:g,alt:""})}),(0,o.jsx)("div",{className:"steps__step__image",children:_&&(0,o.jsx)("img",{src:_,alt:""})}),(0,o.jsx)("div",{className:"steps__step__image",children:h&&(0,o.jsx)("img",{src:h,alt:""})}),(0,o.jsx)("div",{className:"steps__step__image",children:y&&(0,o.jsx)("img",{src:y,alt:""})})]})})]})})},f=e(67394);let p=async l=>{let i=async l=>await (0,f.C6)(null==l?void 0:l.productCode);return await Promise.all(null==l?void 0:l.map(async l=>{var e,o,t;return{title:"".concat((null===(e=l.fields)||void 0===e?void 0:e.title)||""),description:"".concat((null===(o=l.fields)||void 0===o?void 0:o.description)||""),productBlocks:await Promise.all(l.fields.productBlocks?null===(t=l.fields.productBlocks)||void 0===t?void 0:t.map(async l=>{var e,o,t,n,d,r,s;return{ctaText:null==l?void 0:null===(o=l.fields)||void 0===o?void 0:null===(e=o.ctaLinkEntry)||void 0===e?void 0:e.fields.ctaText,ctaLink:null==l?void 0:null===(n=l.fields)||void 0===n?void 0:null===(t=n.ctaLinkEntry)||void 0===t?void 0:t.fields.ctaLink,featuredProducts:await Promise.all((null==l?void 0:null===(d=l.fields)||void 0===d?void 0:d.featuredProducts)?null==l?void 0:null===(s=l.fields)||void 0===s?void 0:null===(r=s.featuredProducts)||void 0===r?void 0:r.map(async l=>{let{fields:e}=l;return{title:null==e?void 0:e.title,slug:null==e?void 0:e.slug,productImage:await i(e)}}):[])}}):[])}}))};var m=l=>{var i,e,n,d,r,s,a,u,c,f,m,g,_,h,y,x,j,w,k,b;let{fields:P}=l,[N,O]=(0,t.useState)([]);return(0,t.useEffect)(()=>{var l;async function i(){O(await p(null==P?void 0:P.steps))}(null==P?void 0:null===(l=P.steps)||void 0===l?void 0:l.length)>0&&i()},[null==P?void 0:P.steps]),(0,o.jsx)(v,{title:P.title,numberOfSteps:N,ctaText1:P.ctaText1,ctaLink1:P.ctaLink1,ctaText2:P.ctaText2,ctaLink2:P.ctaLink2,logoOne:null==P?void 0:null===(r=P.logoOneAi)||void 0===r?void 0:null===(d=r.fields)||void 0===d?void 0:null===(n=d.image)||void 0===n?void 0:null===(e=n.fields)||void 0===e?void 0:null===(i=e.file)||void 0===i?void 0:i.url,logoTwo:null==P?void 0:null===(f=P.logoTwoAi)||void 0===f?void 0:null===(c=f.fields)||void 0===c?void 0:null===(u=c.image)||void 0===u?void 0:null===(a=u.fields)||void 0===a?void 0:null===(s=a.file)||void 0===s?void 0:s.url,logoThree:null==P?void 0:null===(y=P.logoThreeAi)||void 0===y?void 0:null===(h=y.fields)||void 0===h?void 0:null===(_=h.image)||void 0===_?void 0:null===(g=_.fields)||void 0===g?void 0:null===(m=g.file)||void 0===m?void 0:m.url,logoFour:null==P?void 0:null===(b=P.logoFourAi)||void 0===b?void 0:null===(k=b.fields)||void 0===k?void 0:null===(w=k.image)||void 0===w?void 0:null===(j=w.fields)||void 0===j?void 0:null===(x=j.file)||void 0===x?void 0:x.url})}},88915:function(l,i,e){var o=e(57437),t=e(36760),n=e.n(t),d=e(99376);e(2265);var r=e(22744),s=e(42978),a=e(88114);i.Z=l=>{var i;let{ctaText:e,ctaLink:t,featuredProducts:u,onClick:c}=l,v=null!==(i=(0,d.usePathname)())&&void 0!==i?i:"",f=(0,s.IG)(v,t,c);return(0,o.jsx)("div",{className:n()("flex flex-row items-center w-full"),"data-testid":"product-blocks_product-block",children:(0,o.jsxs)("div",{className:n()("h-full flex flex-col  items-start",{"w-full gap-2 py-4 px-3 border border-dulux-mid-grey rounded-lg":(null==u?void 0:u.length)>0}),children:[(null==u?void 0:u.length)>0&&(0,o.jsx)("div",{"data-testid":"product-blocks_product__images",className:n()("flex w-full product-blocks_product__images"),children:null==u?void 0:u.map((l,i)=>{var e;let t="product__image_url_".concat(l.title||"product","-").concat(i);return(0,o.jsx)(a.Z,{dataTest:"product__image_".concat(i),size:null,iconSize:"3-plus",leftIcon:null===(e=l.productImage)||void 0===e?void 0:e.imageUrl,sizeOrientation:"vertical",href:l.slug,theme:"ghost-plain",onClick:f?l=>(l.preventDefault(),c&&c(),!1):null},t)})}),(0,o.jsx)("div",{className:n()("flex flex-row"),"data-testid":"product-blocks_product__cta",children:e&&t&&(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(a.Z,{dataTest:"product-blocks_product__cta_link",href:t,theme:"colourHyperlink",size:"underlined",className:"h-full",onClick:(0,s.TL)(f,()=>{c&&c()}),children:(0,o.jsxs)("span",{className:"font-medium text-dulux-blue gap-1 flex flex-row items-center",children:[e,(null==u?void 0:u.length)==0&&(0,o.jsx)(r.KLY,{"data-testid":"icon",size:"14px"})]})})})})]})})}},25083:function(l,i,e){e(99464),e(82773),e(89506),e(92166)},66261:function(l,i,e){e.d(i,{iy:function(){return o}}),e(25083),e(49554),e(31316);let o="Product image not found"},56416:function(l,i){i.Z=l=>new Promise(i=>setTimeout(i,l))},92166:function(l,i,e){e.d(i,{a:function(){return n}});var o=e(49554),t=e(56416);let n=async function(l){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;if(!l)return;let e=0;do try{return await l()}catch(l){if(++e>i)throw l;(0,o.c1)("Retrying #".concat(e,"...")),await (0,t.Z)(1e3)}while(e<=i)}},46231:function(l,i,e){e.d(i,{w_:function(){return u},Pd:function(){return n}});var o=e(2265),t={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},n=o.createContext&&o.createContext(t),d=["attr","size","title"];function r(){return(r=Object.assign?Object.assign.bind():function(l){for(var i=1;i<arguments.length;i++){var e=arguments[i];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(l[o]=e[o])}return l}).apply(this,arguments)}function s(l,i){var e=Object.keys(l);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(l);i&&(o=o.filter(function(i){return Object.getOwnPropertyDescriptor(l,i).enumerable})),e.push.apply(e,o)}return e}function a(l){for(var i=1;i<arguments.length;i++){var e=null!=arguments[i]?arguments[i]:{};

1i%2?s(Object(e),!0).forEach(function(i){var o,t;o=i,t=e[i],(o=function(l){var i=function(l,i){if("object"!=typeof l||!l)return l;var e=l[Symbol.toPrimitive];if(void 0!==e){var o=e.call(l,i||"default");if("object"!=typeof o)return o;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===i?String:Number)(l)}(l,"string");return"symbol"==typeof i?i:i+""}(o))in l?Object.defineProperty(l,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):l[o]=t}):Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(e)):s(Object(e)).forEach(function(i){Object.defineProperty(l,i,Object.getOwnPropertyDescriptor(e,i))})}return l}function u(l){return i=>o.createElement(c,r({attr:a({},l.attr)},i),function l(i){return i&&i.map((i,e)=>o.createElement(i.tag,a({key:e},i.attr),l(i.child)))}(l.child))}function c(l){var i=i=>{var e,{attr:t,size:n,title:s}=l,u=function(l,i){if(null==l)return{};var e,o,t=function(l,i){if(null==l)return{};var e={};for(var o in l)if(Object.prototype.hasOwnProperty.call(l,o)){if(i.indexOf(o)>=0)continue;e[o]=l[o]}return e}(l,i);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(l);for(o=0;o<n.length;o++)e=n[o],!(i.indexOf(e)>=0)&&Object.prototype.propertyIsEnumerable.call(l,e)&&(t[e]=l[e])}return t}(l,d),c=n||i.size||"1em";return i.className&&(e=i.className),l.className&&(e=(e?e+" ":"")+l.className),o.createElement("svg",r({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},i.attr,t,u,{className:e,style:a(a({color:l.color||i.color},i.style),l.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),s&&o.createElement("title",null,s),l.children)};return void 0!==n?o.createElement(n.Consumer,null,l=>i(l)):i(t)}}}]);