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

1(self.webpackChunk_lux2_ssr_catalogue_sfcc=self.webpackChunk_lux2_ssr_catalogue_sfcc||[]).push([["7831"],{83090:function(e,t,a){"use strict";a.d(t,{J:function(){return I}});var n=a(41594),i=a.n(n),r=a(8162),l=a(35217),o=a(52658),c=({memoizedImages:e,productSelectedColor:t,isWatch:a,watchSelectedScreenSize:n,watchSelectedBandType:i,watchSelectedBandColour:r,watchSelectedBandSize:l})=>a?e.findIndex(e=>e.associatedColor===t&&e.associatedScreenSize===n&&e.associatedBandColor===r&&e.associatedBandSize===l&&e.associatedBandType===i):e.findIndex(e=>e.associatedColor===t),s=a(16133);let d=(e,t)=>e.findIndex(e=>e[t.name]===t.value);var u=a(72001),p=a(18433),f=a(3702),m=a(47745),S=a(41320),g=a(468),h=a(24827),v=a(55509);let w=r.default.div`
2  position: relative;
3  display: flex;
4  flex-direction: column;
5  justify-content: center;
6  margin: 0 auto var(--bm-spacing-20) auto;
7  max-width: ${(0,v.A)(375)};
8
9  swiper-container {
10    width: 100%;
11    max-width: 100%;
12    min-width: 0;
13    margin-bottom: var(--bm-spacing-16);
14  }
15
16  swiper-slide {
17    min-height: ${(0,v.A)(100)};
18    width: auto;
19    display: flex;
20    justify-content: center;
21    img {
22      width: 100%;
23    }
24  }
25
26  .swiper-product-image-pagination {
27    margin: 0 auto;
28    height: var(--bm-spacing-32);
29    display: flex;
30    align-items: center;
31    justify-content: center;
32    position: absolute;
33  }
34
35  .swiper-pagination-bullets {
36    bottom: 0;
37    padding-bottom: 0;
38    position: relative;
39  }
40
41  .swiper-container-horizontal
42    > .swiper-pagination-bullets
43    .swiper-pagination-bullet {
44    margin: 0 var(--bm-spacing-4) !important;
45  }
46`,b=(0,f.Ay)(()=>a.e("6123").then(a.bind(a,97990)),{resolveComponent:e=>e.Swiper}),C=(0,f.Ay)(()=>a.e("6123").then(a.bind(a,97990)),{resolveComponent:e=>e.SwiperSlide});var x=({images:e,onSlideChange:t,currentIndex:a=0,goToSlide:r=!1})=>{let[l,o]=(0,n.useState)(),c=`product-image-${(0,n.useId)().replaceAll(":","")}`,[s,d]=(0,n.useState)(0);(0,n.useEffect)(()=>{if(null!==l){let e=()=>{d(l?.realIndex),t(l?.realIndex)};return l?.on("slideChange",e),()=>{l?.off("slideChange",e)}}},[t,l]),(0,n.useEffect)(()=>{r&&null!==l&&l?.slideTo(a)},[a,r,l]);let u=(0,n.useMemo)(()=>({navigation:{nextEl:`#${c}-navbutton-next`,prevEl:`#${c}-navbutton-prev`},pagination:{el:`#${c}-pagination`,clickable:!0,dynamicBullets:!0,dynamicMainBullets:3},initialSlide:a,on:{init:e=>{o(e),e.wrapperEl.setAttribute("aria-relevant","text")},paginationUpdate:e=>{(0,g.A)({isDynamic:e.params.pagination.dynamicBullets,isFocusDisabled:window.innerWidth>S.A.mediumDown,bullets:e.pagination.bullets})}}}),[a,c]);return 0===e.length?i().createElement(i().Fragment,null):1===e.length?i().createElement(w,null,i().createElement(m.A,{src:e[0].src,alt:e[0].alt})):i().createElement(w,null,i().createElement(b,{...u},e.map(({src:e,alt:t},a)=>i().createElement(C,{key:e.original,"aria-hidden":l?.realIndex!==a},i().createElement(m.A,{src:e,alt:t})))),i().createElement(h.A,{id:c,isNavHiddenOnMobile:!0}),i().createElement("span",{"aria-live":"polite","aria-atomic":"true",className:"visually-hidden"},"Current image - ",e[s]?.alt||"no alt text available"))};let y=r.default.div`
47  position: relative;
48  transition: margin-top 200;
49`,I=({productSelectedInitiator:e,productSelectedColor:t,productSelectedBrand:a,productSelectedTitle:r,productImageActiveId:f,setProductImage:m,setProductImageActiveId:S,productImageCarouselModels:g,leastAvaialbleDeviceIdColor:h,leastAvaialableDeviceId:v,watchSelectedScreenSize:w="",watchSelectedBandType:b,watchSelectedBandColour:C,watchSelectedBandSize:I,isWatch:B=!1,watchScreenSizeColors:E,phoneColors:z,manualClickedButton:A})=>{let T=(0,n.useMemo)(()=>((e,t,a)=>{if(0===e.length||!t&&!a)return[];let n=e.reduce((e,t)=>(t.imageBaseModels.forEach(a=>{e.push({...a,alt:a.alt||"",mecId:t.mecId,associatedColor:t.associatedColor,associatedScreenSize:t.associatedScreenSize??"",associatedBandColor:t.associatedBandColor??"",associatedBandSize:t.associatedBandSize??"",associatedBandType:t.associatedBandType??"",deviceVariantMecName:t.deviceVariantMecName})}),e),[]),i=n.every(e=>!!e.associatedScreenSize),r=JSON.parse(JSON.stringify(n));if(!i)return a&&0!==a.length?r.filter(e=>a.includes(e.associatedColor)).sort((e,t)=>

49a.findIndex(t=>t===e.associatedColor)-a.findIndex(e=>e===t.associatedColor)):r;return[...r].sort((e,a)=>{let n=(0,s.A)(e.associatedScreenSize)-(0,s.A)(a.associatedScreenSize);if(0!==n)return n;if(!t||!t[e.associatedScreenSize]||0===t[e.associatedScreenSize].length)return 0;let i=t[e.associatedScreenSize],r=i.findIndex(t=>t===e.associatedColor),l=i.findIndex(e=>e===a.associatedColor);return r<0||l<0?0:r-l})})(g,E,z),[g,E,z]),j=(0,n.useMemo)(()=>((e,t,a)=>{if(a){let t=d(e,{name:"mecId",value:a});if(t>-1)return t}return d(e,{name:"associatedColor",value:t})})(T,h,v),[T,h,v]),M=(0,n.useMemo)(()=>{let e=T[j];return{src:e?.src||{original:""},alt:e?.alt||""}},[j,T]);(({memoizedImages:e,productSelectedInitiator:t,productSelectedBrand:a,productSelectedTitle:i,isWatch:r,productSelectedColor:l,watchSelectedBandType:c,watchSelectedBandColour:s,manualClickedButton:d})=>{let f=(0,n.useRef)(!1);(0,n.useEffect)(()=>{if(t===o.PU||0===e.length||!l||r&&(!c||!s)||d)return;let n=e.find(e=>r?e.associatedColor===l&&e.associatedBandType===c&&e.associatedBandColor===s:e.associatedColor===l);if(!n||r&&f.current)return;let m=`${a} ${i}`;(0,p.A)({name:m.trim(),imageUrl:n?.src?.original,url:window.location.href,type:u.J.Device}),f.current=!0},[e,t,a,i,r,l,c,s,d])})({memoizedImages:T,productSelectedInitiator:e,productSelectedBrand:a,productSelectedTitle:r,isWatch:B,productSelectedColor:t,watchSelectedBandType:b,watchSelectedBandColour:C,manualClickedButton:A}),(0,n.useEffect)(()=>{j<0||S(j)},[j,S]);let P=(0,n.useRef)(null),$=(0,n.useRef)(!0),k=(0,n.useCallback)(e=>{let{associatedColor:t,associatedScreenSize:a,associatedBandType:n,associatedBandSize:i,associatedBandColor:r}=T[e];m(P,o.PU,t,{watchSelectedScreenSize:a,watchSelectedBandColour:r,watchSelectedBandSize:i,watchSelectedBandType:n},M,e)},[M,T,m]);return((0,n.useEffect)(()=>{if(0===T.length||"number"!=typeof f||!(({isWatch:e,productSelectedColor:t,watchSelectedScreenSize:a,watchSelectedBandType:n,watchSelectedBandColour:i,watchSelectedBandSize:r})=>e?t&&a&&n&&i&&r:t)({isWatch:B,productSelectedColor:t,watchSelectedScreenSize:w,watchSelectedBandType:b,watchSelectedBandColour:C,watchSelectedBandSize:I}))return;let{associatedColor:a,associatedScreenSize:n="",associatedBandColor:i,associatedBandType:r}=T[f];if($.current){let e=c({memoizedImages:T,productSelectedColor:t,isWatch:B,watchSelectedScreenSize:w,watchSelectedBandType:b,watchSelectedBandColour:C,watchSelectedBandSize:I});e>-1&&S(e),$.current=!1}else if((({productSelectedInitiator:e,productSelectedColor:t,watchSelectedScreenSize:a,watchSelectedBandColour:n,watchSelectedBandType:i,associatedColor:r,associatedScreenSize:l,associatedBandColor:c,associatedBandType:s})=>e!==o.PU&&(t&&r!==t||a&&l!==a||n&&c!==n||i&&s!==i))({productSelectedInitiator:e,productSelectedColor:t,watchSelectedScreenSize:w,watchSelectedBandColour:C,watchSelectedBandType:b,associatedColor:a,associatedScreenSize:n,associatedBandColor:i,associatedBandType:r})){let e=c({memoizedImages:T,productSelectedColor:t,isWatch:B,watchSelectedScreenSize:w,watchSelectedBandType:b,watchSelectedBandColour:C,watchSelectedBandSize:I});e>-1&&S(e)}},[S,f,T,t,e,w,B,M,b,C,I]),0===T.length||"number"!=typeof f)?i().createElement(i().Fragment,null):i().createElement(y,null,i().createElement(l.A,null,i().createElement("a",{tabIndex:-1,ref:P},`Image gallery of ${a} ${r}`)),i().createElement(x,{images:T,currentIndex:f,onSlideChange:k,goToSlide:B||e!==o.PU}))}},32485:function(e){!function(){"use strict";var t={}.hasOwnProperty;function a(){for(var e=[],n=0;n<arguments.length;n++){var i=arguments[n];if(i){var r=typeof i;if("string"===r||"number"===r)e.push(i);else if(Array.isArray(i)){if(i.length){var l=a.apply(null,i);l&&e.push(l)}}else if("object"===r){if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]")){e.push(i.toString());continue}for(var o in i)t.call(i,o)&&i[o]&&e.push(o)}}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):"function"==typeof define&&"object"==typeof define.amd&&define.amd?define("classnames",[],function(){return a}):window.classNames=a}()},35217:function(e,t,a){"use strict";function n(){var e,t,a=(e=["\n  position: absolute;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n  white-space: nowrap; /* added line */\n"],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return n=function(){return a},a}t.A=a(8162).default.div(n())},78686:function(e,t,a){"use strict";a.r(t),a.d(t,{mapStateToProps:function(){return o}});

49var n=a(52956),i=a(29791),r=a(83090),l=a(44931),o=function(e){var t=e.productDetails;return{productSelectedInitiator:t.productSelectedInitiator,productSelectedColor:t.productSelectedColor,productSelectedBrand:t.productSelectedBrand,productSelectedTitle:t.productSelectedTitle,productImageActiveId:t.productImageActiveId,isWatch:t.productDeviceType===i.bq.Watch,watchSelectedScreenSize:t.watchSelectedScreenSize,watchSelectedBandColour:t.watchSelectedBandColour,watchSelectedBandSize:t.watchSelectedBandSize,watchSelectedBandType:t.watchSelectedBandType,watchScreenSizeColors:t.watchScreenSizeColors,phoneColors:t.phoneColors,manualClickedButton:t.manualClickedButton}},c={setProductImage:l.AP,setProductImageActiveId:l.Zl};t.default=(0,n.Ng)(o,c)(r.J)}}]);