https://www.optus.com.au/etc.clientlibs/aem-oca/clientlibs/clientl…/resources/7116.90868b1138f9bf11.js

1(self.webpackChunk_lux2_ssr_catalogue_sfcc=self.webpackChunk_lux2_ssr_catalogue_sfcc||[]).push([["7116"],{99160:function(n,t,e){"use strict";e.d(t,{Wx:function(){return c}});var r=e(41594),i=new Map,o=new WeakMap,u=0,a=void 0;function c(n){var t=void 0===n?{}:n,e=t.threshold,c=t.delay,l=t.trackVisibility,d=t.rootMargin,s=t.root,f=t.triggerOnce,h=t.skip,m=t.initialInView,g=t.fallbackInView,p=t.onChange,b=r.useRef(),v=r.useRef(),w=r.useState({inView:!!m}),y=w[0],k=w[1];v.current=p;var A=r.useCallback(function(n){void 0!==b.current&&(b.current(),b.current=void 0),!h&&n&&(b.current=function(n,t,e,r){if(void 0===e&&(e={}),void 0===r&&(r=a),void 0===window.IntersectionObserver&&void 0!==r){var c=n.getBoundingClientRect();return t(r,{isIntersecting:r,target:n,intersectionRatio:"number"==typeof e.threshold?e.threshold:0,time:0,boundingClientRect:c,intersectionRect:c,rootBounds:c}),function(){}}var l=function(n){var t=Object.keys(n).sort().filter(function(t){return void 0!==n[t]}).map(function(t){var e;return t+"_"+("root"===t?(e=n.root)?(o.has(e)||(u+=1,o.set(e,u.toString())),o.get(e)):"0":n[t])}).toString(),e=i.get(t);if(!e){var r,a=new Map,c=new IntersectionObserver(function(t){t.forEach(function(t){var e,i=t.isIntersecting&&r.some(function(n){return t.intersectionRatio>=n});n.trackVisibility&&void 0===t.isVisible&&(t.isVisible=i),null==(e=a.get(t.target))||e.forEach(function(n){n(i,t)})})},n);r=c.thresholds||(Array.isArray(n.threshold)?n.threshold:[n.threshold||0]),e={id:t,observer:c,elements:a},i.set(t,e)}return e}(e),d=l.id,s=l.observer,f=l.elements,h=f.get(n)||[];return f.has(n)||f.set(n,h),h.push(t),s.observe(n),function(){h.splice(h.indexOf(t),1),0===h.length&&(f.delete(n),s.unobserve(n)),0===f.size&&(s.disconnect(),i.delete(d))}}(n,function(n,t){k({inView:n,entry:t}),v.current&&v.current(n,t),t.isIntersecting&&f&&b.current&&(b.current(),b.current=void 0)},{root:s,rootMargin:d,threshold:e,trackVisibility:l,delay:c},g))},[Array.isArray(e)?e.toString():e,s,d,f,h,l,g,c]);r.useEffect(function(){b.current||!y.entry||f||h||k({inView:!!m})});var x=[A,y.inView,y.entry];return x.ref=x[0],x.inView=x[1],x.entry=x[2],x}r.Component},32485:function(n){!function(){"use strict";var t={}.hasOwnProperty;function e(){for(var n=[],r=0;r<arguments.length;r++){var i=arguments[r];if(i){var o=typeof i;if("string"===o||"number"===o)n.push(i);else if(Array.isArray(i)){if(i.length){var u=e.apply(null,i);u&&n.push(u)}}else if("object"===o){if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]")){n.push(i.toString());continue}for(var a in i)t.call(i,a)&&i[a]&&n.push(a)}}}return n.join(" ")}n.exports?(e.default=e,n.exports=e):"function"==typeof define&&"object"==typeof define.amd&&define.amd?define("classnames",[],function(){return e}):window.classNames=e}()},95319:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return nb}});var r=e(32485),i=e.n(r),o=e(41594),u=e.n(o),a=e(99160),c=e(7218),l=e(10474),d=e(74140),s=e(80243),f=e(8162),h=e(55509),m=e(25390),g=e(46147),p=e(11492);function b(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function v(){var n=b(["url(",")"]);return v=function(){return n},n}function w(){var n=b(["url(",")"]);return w=function(){return n},n}function y(){var n=b(["url(",")"]);return y=function(){return n},n}function k(){var n=b(["\n  position: relative;\n  z-index: 0;\n  width: 100%;\n  overflow: hidden;\n  height: ",";\n  background-color: ",";\n  background-image: ",";\n  background-size: cover;\n  background-position: center;\n\n  @media (min-width: ",") and (max-width: ",") {\n    height: ",";\n    background-color: ",";\n    background-image: ",";\n    background-size: cover;\n    background-position: center;\n  }\n  @media (min-width: ",") {\n    top: -",";\n    margin-bottom: -",";\n    height: ",";\n    background-color: ",";\n    background-image: ",";\n    background-size: cover;\n    background-position: center;\n  }\n\n  h1 {\n    font-size: ",";\n  }\n  h2 {\n    font-size: ",";\n  }\n  p {\n    font-size: ",";\n  }\n"]);return k=function(){return n},n}function A(){var n=b(["\n  position: relative;\n  margin: 0 auto;\n  height: 100%;\n\n  @media (min-width: ",") {\n    max-width: ",";\n  }\n"]);return A=function(){return n},n}function x(){var n=b(["\n  max-width: ",";\n"]);return x=function(){return n},n}function E(){var n=b(["\n  right: ","%;\n"]);return E=function(){return n},n}function _(){var n=b(["\n  bottom: ","%;\n"]);return _=function(){return n},n}function O(){var n=b(["\n  left: ","%;\n"]);return O=function(){return n},n}function z(){var n=b(["\n  top: ","%;\n"]);return z=function(){return n},n}function S(){var n=b(["\n  height: ","%;\n"]);return S=function(){return n},n}function I(){var n=b(["\n  width: ","%;\n"]);return I=function(){return n},n}function j(){var n=b(["\n  position: absolute;\n  min-height: ","%;\n  min-width: ","%;\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  z-index: ",";\n  max-width: 100vw;\n\n  @media (max-width: ",") {\n    display: ",";\n  }\n  @media (min-width: ",") and (max-width: ",") {\n    display: ",";\n  }\n  @media (min-width: ",") {\n    display: ",";\n  }\n"]);return j=function(){return n},n}function C(){var n=b(["\n  ","\n  ","\n  min-height: 100%;\n  .imageRender {\n    display: block;\n  }\n  height: ","\n  width: ","\n  \n  ",";\n  ","\n\n  ","\n"]);return C=function(){return n},n}function D(){var n=b(["\n  height: 100%;\n  width: 100%;\n  outline: 1px dotted ",";\n  font-size: 70%;\n  color: ",";\n  height: ",";\n\n  @media (min-width: ",") and (max-width: ",") {\n    height: ",";\n  }\n  @media (min-width: ",") {\n    height: ",";\n  }\n"]);return D=function(){return n},n}function M(){var n=b(["\n  @media (max-width: ",") {\n    display: ",";\n  }\n  @media (min-width: ",") and (max-width: ",") {\n    display: ",";\n  }\n  @media (min-width: ",") {\n    display: ",";\n  }\n"]);return M=function(){return n},n}function P(){var n=b(["\n  background-color: red;\n  border: "," solid red;\n  border-radius: ",";\n  height: ",";\n  width: ",";\n  margin-top: -",";\n  margin-left: -",";\n  position: relative;\n  z-index: 1;\n"]);return P=function(){return n},n}function V(){var n=b(["\n  background-color: ",";\n  color: ",";\n  font-size: ",";\n  white-space: pre;\n  width: auto;\n  height: auto;\n  border: 1px solid ",";\n  opacity: 0.8;\n  margin-top: -",";\n  text-align: center;\n  position: relative;\n  z-index: 0;\n"]);return V=function(){return n},n}function R(){var n=b(["\n  aspect-ratio: attr(width) / attr(height);\n"]);return R=function(){return n},n}var T=(0,f.css)(v(),function(n){return n.mobile.image}),Y=(0,f.css)(w(),function(n){return n.tablet.image}),F=(0,f.css)(y(),function(n){return n.desktop.image}),K=f.default.div(k(),function(n){var t=n.mobile;return(0,h.A)(t.height)},function(n){return n.bgColour||"transparent"},function(n){var t=n.mobile,e=n.intersected;return(null==t?void 0:t.image)&&e?T:"none"},m.DK,m.oY,function(n){var t=n.tablet;return(0,h.A)(t.height)},function(n){return n.bgColour||"transparent"},function(n){var t=n.tablet,e=n.intersected;return(null==t?void 0:t.image)&&e?Y:"none"},m.oY,function(n){var t=n.top;return(0,h.A)(t)},function(n){var t=n.top;return(0,h.A)(t)},function(n){var t=n.desktop;return(0,h.A)(t.height)},function(n){return n.bgColour||"transparent"},function(n){var t=n.desktop,e=n.intersected;return(null==t?void 0:t.image)&&e?F:"none"},(0,h.A)(60),(0,h.A)(24),(0,h.A)(16)),N=f.default.div(A(),m.oY,m.oY),W=f.default.div(x(),m.oY),L=(0,f.css)(E(),function(n){return(n.cols-n._x2)*100/n.cols}),U=(0,f.css)(_(),function(n){return(n.rows-n._y2)*100/n.rows}),$=(0,f.css)(O(),function(n){return 100*n._x1/n.cols}),J=(0,f.css)(z(),function(n){return 100*n._y1/n.rows}),B=(0,f.css)(S(),function(n){return 100*(n.heightRows||0)/n.rows}),q=(0,f.css)(I(),function(n){return 100*(n.widthCols||0)/n.cols}),H=f.default.div(j(),function(n){return 100/n.rows},function(n){return 100/n.cols},function(n){return n.widthCols&&q},function(n){return n.heightRows&&B},function(n){return Number.isFinite(n._y1)?J:""},function(n){return Number.isFinite(n._x1)?$:""},function(n){return Number.isFinite(n._y2)?U:""},function(n){return Number.isFinite(n._x2)?L:""}

1,function(n){return n.zIndex||0},m.DK,function(n){return n.hideMobile?"none":"block"},m.DK,m.oY,function(n){return n.hideTablet?"none":"block"},m.oY,function(n){return n.hideDesktop?"none":"block"}),Q="padding: ".concat((0,h.A)(15)," ").concat((0,h.A)(12)),G=f.default.div(C(),function(n){return!!n.center&&"\n  margin-left: -50%;\n  text-align: center;\n  width: 100%;\n"},function(n){return!!n.middle&&"\n  margin-top: -50%;\n  vertical-align: middle;\n  width: 100%;\n"},function(n){var t=n.height;return t?"".concat((0,h.A)(t)):"auto"},function(n){var t=n.width;return t?"".concat((0,h.A)(t)):"auto"},function(n){return n.noPadding?"padding: 0;\n  h1 {\n    margin: 0 !important;\n  }\n  h2 {\n    margin: 0 !important;\n  }\n  .cta a {\n    margin: 0 !important;\n  }\n":Q},function(n){return n.height&&"overflow-y: hidden;"},function(n){return!!n.width&&"\n  overflow-x: hidden;\n  .cta {\n    width: 100%;\n  }\n  .cta a {\n    min-width: auto;\n    width: 100%;\n  }\n"}),X=f.default.div(D(),g.U2,g.VT,function(n){var t=n.mobile,e=n.rows;return(0,h.A)(t.height/e)},m.DK,m.oY,function(n){var t=n.tablet,e=n.rows;return(0,h.A)(t.height/e)},m.oY,function(n){var t=n.desktop,e=n.rows;return(0,h.A)(t.height/e)}),Z=f.default.div(M(),m.DK,function(n){return n.hideMobile?"none":"block"},m.DK,m.oY,function(n){return n.hideTablet?"none":"block"},m.oY,function(n){return n.hideDesktop?"none":"block"}),nn=f.default.div(P(),(0,h.A)(3),(0,h.A)(6),(0,h.A)(6),(0,h.A)(6),(0,h.A)(3),(0,h.A)(3)),nt=f.default.div(V(),g.U2,g.Ql,p.s,g.VT,(0,h.A)(3)),ne=f.default.img(R()),nr=(0,s.Ay)(function(){return Promise.all([e.e("6755"),e.e("2763")]).then(e.bind(e,5294))}),ni=(0,s.Ay)(function(){return Promise.all([e.e("7845"),e.e("4837"),e.e("4762")]).then(e.bind(e,64415))}),no=(0,s.Ay)(function(){return Promise.all([e.e("8028"),e.e("7845"),e.e("3470"),e.e("5093")]).then(e.bind(e,75718))}),nu=function(n){var t,e,r,i,o,u;return{_y1:null!=(t=n.top)?t:n.middle,_x1:null!=(e=n.left)?e:n.center,_y2:null!=(r=n.bottom)?r:(null!=(i=n.top)?i:n.middle)+n.heightRows,_x2:null!=(o=n.right)?o:(null!=(u=n.left)?u:n.center)+n.widthCols}},na=function(n){var t,e,r,i,o,u;return"".concat(n.type," - ").concat(null!=(t=n.top)?t:"t","|").concat(null!=(e=n.middle)?e:"m","|").concat(null!=(r=n.bottom)?r:"b"," x ").concat(null!=(i=n.left)?i:"l","|").concat(null!=(o=n.center)?o:"c","|").concat(null!=(u=n.right)?u:"r")},nc=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return n.replace(/&(?:amp;)?lt;(\/?(?:a|b|i|p|br|h\d|span|div))/g,function(n,t){return"<".concat(t)}).replace(/&(?:amp;)?gt;/g,">").replace(/&(?:amp;)?lt;/g,"<").replace(/&amp;#61;/g,"=").replace(/&#61;/g,"=").replace(/&amp;#34;/g,'"').replace(/&#34;/g,'"').replace(/&quot;/g,'"').replace(/&amp;#39;/g," ").replace(/&amp;nbsp;/g," ").trim()},nl=function(n){var t,e,r=n.item,i=n.rows,o=n.desktop,a=n.tablet,c=n.mobile;if("grid"===r.type)return u().createElement(X,{title:"".concat(r.top,", ").concat(r.left),rows:i,desktop:o,tablet:a,mobile:c},u().createElement("br",null));if("dot"===r.type)return u().createElement(Z,{hideDesktop:r.hideDesktop,hideTablet:r.hideTablet,hideMobile:r.hideMobile},u().createElement(nn,null),u().createElement(nt,null,"".concat((r.number||0)+1," ").concat(r.name," (").concat(r.left,"x").concat(r.top,")")));if("text"===r.type&&r.text){var l=nc(r.text);return u().createElement("div",{dangerouslySetInnerHTML:{__html:l}})}return"image"===r.type&&r.image?r.image.link?u().createElement("a",{href:r.image.link,target:r.image.target},u().createElement(ne,{alt:null!=(e=r.image.alt)?e:"","data-src":r.image.src,height:(null==r?void 0:r.height)||"auto",loading:"lazy",src:r.image.src,width:(null==r?void 0:r.width)||"100%"})):u().createElement(ne,{alt:null!=(t=r.image.alt)?t:"",className:"imageRender","data-src":r.image.src,height:(null==r?void 0:r.height)||"auto",loading:"lazy",src:r.image.src,width:(null==r?void 0:r.width)||"100%"}):"cta"===r.type&&r.cta?r.cta.renderCtaAsWebchat?u().createElement(ni,function(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{},r=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(e).filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.forEach(function(t){var r;r=e[t],t in n?Object.defineProperty(n,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[t]=r})}return n}({title:r.cta.text,domElementId:r.cta.componentId,renderStyle:r.cta.type,view:0},r.cta)):u().createElement(no,{cta:[r.cta]}):"lottie"===r.type&&r.lottie?u().createElement(nr,{lottieFilePath:r.lottie.lottieFilePath,loop:r.lottie.loop,name:r.lottie.name,width:r.width||100,height:r.height||100}):u().createElement(u().Fragment,null,"empty")},nd=function(n){var t=n.item,e=n.rows,r=n.columns,i=n.desktop,a=n.tablet,c=n.mobile,l=(0,o.useMemo)(function(){return{coord:nu(t),dataLayout:na(t)}},[t]),d=l.coord,s=l.dataLayout;return u().createElement(H,{className:"item-".concat(t.top,"-").concat(t.left,"-").concat(t.bottom,"-").concat(t.right),rows:e,cols:r,_y1:d._y1,_x1:d._x1,_y2:d._y2,_x2:d._x2,"data-layout":s,zIndex:t.zIndex,hideDesktop:t.hideDesktop,hideTablet:t.hideTablet,hideMobile:t.hideMobile,heightRows:t.heightRows,widthCols:t.widthCols},u().createElement(G,{className:"item-inner item-".concat(t.type),center:t.center,middle:t.middle,noPadding:t.noPadding,height:t.height,width:t.width}

1,u().createElement(nl,{item:t,rows:e,desktop:i,tablet:a,mobile:c})))};function ns(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,r=Array(t);e<t;e++)r[e]=n[e];return r}function nf(n,t){return function(n){if(Array.isArray(n))return n}(n)||function(n,t){var e,r,i=null==n?null:"u">typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=i){var o=[],u=!0,a=!1;try{for(i=i.call(n);!(u=(e=i.next()).done)&&(o.push(e.value),!t||o.length!==t);u=!0);}catch(n){a=!0,r=n}finally{try{u||null==i.return||i.return()}finally{if(a)throw r}}return o}}(n,t)||nm(n,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nh(n){return function(n){if(Array.isArray(n))return ns(n)}(n)||function(n){if("u">typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||nm(n)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nm(n,t){if(n){if("string"==typeof n)return ns(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);if("Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return ns(n,t)}}var ng=function(n){switch(n.type){case"image":return"img";case"text":return"text";default:return n.type}},np=function(n){var t=n.width,e=n.desktop,r=n.tablet,i=n.mobile,o=n.columns,u=void 0===o?1:o,a=n.rows,c=void 0===a?1:a,l=n.sizeItems,s=10*Math.floor((t<d.lg?t:d.lg)/10),f=10*Math.floor((t<d.md?i.height:t<d.lg?r.height:e.height)/10);return l.map(function(n){var t=function(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{},r=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(e).filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.forEach(function(t){var r;r=e[t],t in n?Object.defineProperty(n,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[t]=r})}return n}({},n);return n.width&&(t.widthCols=n.width/(s/u)),n.height&&(t.heightRows=n.height/(f/c)),t})},nb=function(n){var t=n.authorMode,e=n.bgColour,r=n.columns,d=void 0===r?10:r,s=n.desktop,f=void 0===s?{height:640}:s,h=n.gridReferenceId,m=n.items,g=void 0===m?[]:m,p=n.mobile,b=void 0===p?{height:375}:p,v=n.rows,w=void 0===v?12:v,y=n.slideUnder,k=n.tablet,A=void 0===k?{height:440}:k,x=n.defaultWindowWidth,E=n.accessibilityClass,_=nf((0,o.useState)((0,l.A)()?np({width:void 0===x?1200:x,desktop:f,tablet:A,mobile:b,columns:d,rows:w,sizeItems:g}):[]),2),O=_[0],z=_[1],S=nf((0,o.useState)(0),2),I=S[0],j=S[1],C=(0,o.useRef)(null),D=(0,a.Wx)({triggerOnce:!0}),M=D.ref,P=D.inView,V=(0,o.useCallback)(function(n){C.current=n,M(n)},[M]),R=function(n){var t;return np({width:(null==C||null==(t=C.current)?void 0:t.offsetWidth)||0,desktop:f,tablet:A,mobile:b,columns:d,rows:w,sizeItems:n})};return(0,o.useEffect)(function(){var n=nh(g);if(t||(0,c.A)()){n.push.apply(n,nh(g.map(function(n,t){var e,r,i,o;return{type:"dot",name:ng(n),number:t,top:null!=(e=null!=(r=n.top)?r:n.middle)?e:n.bottom,left:null!=(i=null!=(o=n.left)?o:n.center)?i:n.right,zIndex:1,noPadding:!0,hideDesktop:n.hideDesktop,hideTablet:n.hideTablet,hideMobile:n.hideMobile}})));for(var e=0;e<w;e++)for(var r=0;r<d;r++)n.push({type:"grid",top:e,left:r,bottom:e+1,right:r+1,zIndex:0,noPadding:!0,hideDesktop:!1,hideTablet:!1,hideMobile:!1})}z(nh(R(n)));var i=function(){j(window.innerWidth)};return window.addEventListener("resize",i),function(){window.removeEventListener("resize",i)}},[I]),u().createElement(K,{bgColour:e,className:i()("banner-grid",E),desktop:f,id:h,intersected:P,mobile:b,ref:V,tablet:A,top:156*!!(void 0===y||y)},u().createElement(N,null,u().createElement(W,null,O.map(function(n,t){return u().createElement(nd,{columns:d,desktop:f,item:n,key:t,mobile:b,rows:w,tablet:A})}))))}},10474:function(n,t){"use strict";t.A=function(){return"u"<typeof window}},25390:function(n,t,e){"use strict";e.d(t,{$i:function(){return r.$i},Ay:function(){return r.Ay},DK:function(){return r.DK},JF:function(){return r.JF},eV:function(){return r.eV},oY:function(){return r.oY}});var r=e(40716)},40716:function(n,t,e){"use strict";e.d(t,{$i:function(){return c},DK:function(){return i},JF:function(){return o},eV:function(){return u},oY:function(){return a}});var r=e(55509),i=(0,r.A)(492),o=(0,r.A)(768),u=(0,r.A)(852),a=(0,r.A)(1020),c=(0,r.A)(1280);t.Ay={sm:"0rem",md:u,lg:a,xlg:c}},74140:function(n,t,e){"use strict";e.d(t,{lg:function(){return o},md:function(){return i},sm:function(){return r}});var r=492,i=852,o=1020}}]);