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

1"use strict";(self.webpackChunk_lux2_ssr_catalogue_sfcc=self.webpackChunk_lux2_ssr_catalogue_sfcc||[]).push([["2598"],{37199:function(n,e,t){t.d(e,{R:function(){return d}});var r=t(32485),a=t.n(r),o=t(41594),i=t.n(o),c=t(46975),l=t(34790),u=t(33188);let d=({productSelectedCapacity:n,productSelectedColor:e,productSelectedMecId:t,setProductSelectedCapacity:r,setProductSelectedMecInfo:d,title:f,leastAvailbleDeviceId:s,radio_btns:b,realtimeDeviceId:g})=>{let[m,p]=(0,o.useState)([]),[h,v]=(0,o.useState)(!1),y=(0,o.useRef)(!0),A=n=>{r(n),h||v(!0)},w=(0,u.A)({realtimeDeviceId:g,leastAvailbleDeviceId:s,variants:b});return(0,o.useEffect)(()=>{if(0===b.length||!w)return;let n=b.find(n=>n.btn_id===w);n&&r(n.value)},[b,r,w]),(0,o.useEffect)(()=>{if(!e)return;let t=b.reduce((n,t)=>(-1===t.uniqueVariation.indexOf(e)||n.push({label:t.label,value:t.value,mecId:t.btn_id,bgCapacity:t.bg_colour}),n),[]).sort((n,e)=>n.value.slice(-2)===e.value.slice(-2)?parseInt(n.value)-parseInt(e.value):n.value.slice(-2).localeCompare(e.value.slice(-2))),a=Math.max(t.findIndex(({mecId:n})=>n===w),0),o=t[a]?.value;y.current?(o&&r(o),y.current=!1):-1===t.findIndex(({value:e})=>e===n)&&o&&r(o),p(t)},[b,e,n,r,w]),(0,o.useEffect)(()=>{if(n&&e){let r,{mecId:a,mecName:o}=(r=b.find(({uniqueVariation:t})=>t===e+n),{mecId:r?.btn_id,mecName:r?.nameByLocale});a&&a!==t&&d(a,o)}},[e,n,b,t,d]),i().createElement(i().Fragment,null,i().createElement(l.DZ,{id:"CapacityHeader"},f,i().createElement("span",{"aria-hidden":"true"},":")," ",i().createElement(l.$B,null,n)),i().createElement(l.zW,{role:"radiogroup",className:a()("CapacitySwatchstyle__Swatches",{"btn-max-width":1===m.length}),"data-testid":"radiogroup-capacity","aria-labelledby":"CapacityHeader"},m.map((e,t)=>i().createElement(l.HG,{total:m.length,key:`${t}-${n===e.value}`,className:"ProductRadioButton__RadioBtn"},i().createElement(c.A,{radioBtnClassName:"radio-button",name:"CapacitySwatch",value:e.value,disabled:!1,checked:e.value===n,onChange:A,ariaLabel:`${e.label} capacity`,focusOnChecked:h},i().createElement("span",{"aria-hidden":"true"},e.label))))))}},34790:function(n,e,t){t.d(e,{$B:function(){return l},DZ:function(){return d},HG:function(){return b},Pz:function(){return f},ue:function(){return u},zW:function(){return s}});var r=t(8162),a=t(96311),o=t(57080),i=t(41320),c=t(55509);let l=r.default.label`
2  font-family: var(--bm-font-family-mark-pro);
3  font-size: ${(0,c.A)(16)};
4  line-height: ${(0,c.A)(24)};
5  margin: 0;
6  color: ${o.M8.Db};
7  cursor: default;
8  display: inline-block;
9`,u=r.default.div`
10  margin-bottom: ${(0,c.A)(16)};
11`,d=(0,r.default)(l)`
12  font-family: var(--bm-font-family-mark-pro);
13  font-weight: var(--bm-font-weight-bold);
14  display: block;
15`,f=(0,r.default)(a.A)`
16  &,
17  p,
18  a {
19    font-size: ${(0,c.A)(14)};
20  }
21
22  p {
23    margin: 0;
24  }
25`,s=r.default.div`
26  display: flex;
27  flex-wrap: wrap;
28  font-size: ${(0,c.A)(14)};
29  font-family: var(--bm-font-family-mark-pro);
30  font-weight: var(--bm-font-weight-bold);
31  color: ${o.M8.Vc};
32
33  .ProductRadioButton__RadioBtn:last-child .radio-button {
34    margin-right: 0;
35  }
36`,b=r.default.div`
37  .radio-button {
38    width: ${n=>n?.total&&n?.total>=4?(0,c.A)(72):(0,c.A)(100)};
39    border: var(--bm-border-width-md) solid ${o.M8.OA};
40    border-radius: ${(0,c.A)(5)};
41    margin-right: ${(0,c.A)(6)};
42    margin-bottom: ${(0,c.A)(10)};
43
44    @media (min-width: ${i.A.smallAndUp}px) {
45      width: ${(0,c.A)(100)};
46    }
47  }
48
49  .radio-label {
50    display: flex;
51    justify-content: center;
52    align-items: center;
53    margin: 0;
54    padding: 0;
55    background-color: ${({bgColour:n})=>n||"rgba(227, 233, 236, 0.2)"};
56    color: ${o.M8.Vc};
57    height: ${(0,c.A)(42)};
58    font-family: var(--bm-font-family-mark-pro);
59    font-weight: var(--bm-font-weight-bold);
60    line-height: ${(0,c.A)(16)};
61    border-radius: ${(0,c.A)(4)};
62    cursor: pointer;
63    :before {
64      content: none !important;
65    }
66  }
67
68  .radio-input:checked + .radio-label {
69    border: var(--bm-border-width-lg) solid ${o.M8.$S};
70    color: ${o.M8.Ql};
71    background-color: ${o.M8.ON};
72  }
73
74  .radio-input:focus-visible + .radio-label {
75    outline: medium auto currentColor;
76    outline: medium auto invert;
77    outline: ${(0,c.A)(5)} auto -webkit-focus-ring-color;
78    outline-offset: ${(0,c.A)(4)};
79  }
80`},33188:function(n,e,t){var r=t(41594),a=t(6424),o=t(30698);e.A=({realtimeDeviceId:n,leastAvailbleDeviceId:e,variants:t})=>(0,r.useMemo)(()=>{let r=(0,a.A)("deviceId");return r&&(0,o.A)(r,t)?r:n||e},[n,e,t])},6424:function(n,e){e.A=n=>new URLSearchParams(window.location.search).get(n)},33906:function(n,e,t){t.d(e,{A:function(){return r}});function r(){}},46975:function(n,e,t){t.d(e,{A:function(){return I}});var r=t(41594),a=t.n(r),o=t(86123),i=t(33906),c=t(86755),l=t(8162),u=t(58296),d=t(55509),f=t(46147),s=t(80198),b=t(41217),g='data:image/svg+xml;utf8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><g fill="%23006280" fill-rule="evenodd"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm0 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2z" fill-rule="nonzero"/><circle cx="8" cy="8" r="3"/></g></svg>',m='data:image/svg+xml;utf8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm0 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2z" fill="%23ACAFB2"/></svg>';function p(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function h(){var n=p(["\n  margin-bottom: ",";\n  position: relative;\n\n  &.tile .radio-input + .radio-label {\n    ",";\n  }\n\n  &.tile .radio-input:checked + .radio-label {\n    ",";\n    ","\n  }\n\n  &.tile .radio-input:focus + .radio-label {\n    ",";\n  }\n"]);return h=function(){return n},n}function v(){var n=p(["\n  position: absolute;\n  opacity: 0;\n\n  :focus + label::before {\n    outline: "," dashed blue;\n    outline: auto "," -webkit-focus-ring-color;\n  }\n\n  :checked + label::before {\n    background-image: url('","');\n  }\n\n  :disabled + label::before {\n    background-image: url('","');\n  }\n\n  :checked:disabled + label::before {\n    background-image: url('","');\n  }\n\n  ",";\n"]);return v=function(){return n},n}function y(){var n=p(["\n  cursor: pointer;\n  display: block;\n  padding-left: ",";\n  width: 100%;

80\n\n  &.radio-label {\n    align-items: center;\n    display: flex;\n  }\n\n  &.radio-label::before {\n    background-image: url('","');\n    background-position: top;\n    background-repeat: no-repeat;\n    content: '';\n    display: block;\n    height: ",";\n    left: 0;\n    top: ",";\n    margin-right: ",";\n    position: absolute;\n    width: ",";\n  }\n"]);return y=function(){return n},n}var A=(0,u.A)(g,f.Tp.disabled),w=(0,u.A)(m,f.Tp.disabled),k=(0,u.A)(m,f.wk.error),O=function(n){var e=n.bgColour;return e&&"background-color: ".concat(e)},$=l.default.div(h(),b.he,O,O,s.ic,s.Kg),C="\n  :enabled + label::before {\n    background-image: url('".concat(k,"');\n  }\n"),S=l.default.input(v(),(0,d.A)(1),(0,d.A)(5),g,w,A,function(n){return n.invalid&&C}),x=l.default.label(y(),(0,d.A)(35),m,(0,d.A)(16),(0,d.A)(3),(0,d.A)(14),(0,d.A)(16));function z(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=Array(e);t<e;t++)r[t]=n[t];return r}function j(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(e){var r;r=t[e],e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r})}return n}function P(n,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):(function(n){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e.push.apply(e,t)}return e}

80)(Object(e)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}),n}var _=function(n){var e,t=n.ariaLabel,l=n.ariaLabelledBy,u=n.autoId,d=n.bgColour,f=n.checked,s=void 0!==f&&f,b=n.children,g=n.disabled,m=void 0!==g&&g,p=n.focusOnChecked,h=void 0===p||p,v=n.gaTrackingId,y=n.gaTrackingName,A=n.invalid,w=n.name,k=n.onChange,O=n.onKeyDown,C=void 0===O?i.A:O,_=n.onKeyUp,I=void 0===_?i.A:_,E=n.onKeyPress,D=void 0===E?i.A:E,M=n.radioBtnClassName,B=n.radioButtonRef,N=n.tabIndex,R=n.value,T=n.buttonIndex,K=n.radioButtonsLength,V=n.enableDefaultFocus,L=void 0===V||V,Q=(0,r.useRef)(null),U=(0,r.useMemo)(function(){return(0,o.A)()},[]),F=function(n){if(Array.isArray(n))return n}(e=(0,r.useState)(s))||function(n){var e,t,r=null==n?null:"u">typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var a=[],o=!0,i=!1;try{for(r=r.call(n);!(o=(e=r.next()).done)&&(a.push(e.value),2!==a.length);o=!0);}catch(n){i=!0,t=n}finally{try{o||null==r.return||r.return()}finally{if(i)throw t}}return a}}(e)||function(n){if(n){if("string"==typeof n)return z(n,2);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 z(n,2)}}(e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),H=F[0],G=F[1];(0,r.useEffect)(function(){if(G(s),s&&h&&L){var n;null==(n=Q.current)||n.focus()}},[s]);var W={"aria-checked":H};return T&&K&&(W["aria-posinset"]=T,W["aria-setsize"]=K),l&&(W=P(j({},W),{"aria-labelledby":"".concat(l)})),W=t?P(j({},W),{"aria-label":t}):P(j({},W),{"aria-labelledby":"".concat(U,"-label")}),a().createElement($,{bgColour:d,className:M,"data-auto-id":u},a().createElement(S,P(j({},W),{checked:H,className:"radio-input","data-auto-id":R,disabled:m,id:U,"aria-invalid":A,invalid:A,name:w,onChange:function(n){m||(v&&y&&(0,c.A)(v,y),G(n.target.checked),null==k||k(n.target.value))},onKeyDown:C,onKeyUp:I,onKeyPress:D,ref:function(n){Q.current=n,"function"==typeof B?B(n):B&&(B.current=n)},tabIndex:void 0===N?0:N,type:"radio",value:R})),a().createElement(x,{"aria-label":t,className:"radio-label".concat(m?" disabled":""),htmlFor:U,id:"".concat(U,"-label")},b))};_.legacyName="ux-radio-button";var I=_},86755:function(n,e,t){var r=t(43627);e.A=function(n,e,t){(0,r.Ay)({interactionText:e,interactionClickElement:n,interactionTarget:null!=t?t:"".concat(window.location.pathname).concat(window.location.search).concat(window.location.hash),event:"analyticsInteractionTracking"})}},80198:function(n,e,t){t.d(e,{Kg:function(){return v},Oz:function(){return u},P6:function(){return b},Tz:function(){return p},Up:function(){return m},Vu:function(){return d},ah:function(){return s},ce:function(){return h},ic:function(){return g}});var r=t(8162),a=t(55509),o=t(46147),i=t(57831),c=t(11492);function l(){var n,e,t=(n=["\n  width: 100%;\n  ","\n  border-radius: ",";\n  .radio-label:not(.disabled) {\n    ","\n    border-radius: ",";\n    &:hover {\n      border-radius: ",";\n      background-color: ",";\n    }\n    &.checked:hover {\n      border: "," solid ",";\n    }\n  }\n"],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return l=function(){return t},t}var u="\n  font-family: ".concat(c.J9,";\n  font-size: ").concat(c.Hg,";\n  line-height: ").concat((0,a.A)(24),";\n  height: ").concat((0,a.A)(56),";\n  padding: ").concat((0,a.A)(16),";\n"),d="\n  ".concat(c.Fp,"\n"),f="\n  border: ".concat((0,a.A)(1)," solid ").concat(o.Vc,";\n"),s=(0,r.css)(l(),c.K8,(0,a.A)(i.z),function(n){return!n.displayRadio&&f},(0,a.A)(i.z),(0,a.A)(i.z),o.Vi,(0,a.A)(1),o.Q_),b="\n  background-color: ".concat(o.ON,";\n  color: ").concat(o.Db,";\n  .radio-label {\n    color: ").concat(o.Db,";\n  }\n\n  &.display-radio {\n    background-color: ").concat(o.aX,";\n  }\n"),g="\n  background-color: ".concat(o.aX,";\n  border: ").concat((0,a.A)(1)," solid ").concat(o.Q_,";\n  border-radius:  ").concat((0,a.A)(4),";\n  color: ").concat(o.Db,";\n"),m="\n  cursor: default;\n  background-color: ".concat(o.Vi,";\n  border: ").concat((0,a.A)(1)," solid ").concat(o.Vi,";\n  border-radius:  ").concat((0,a.A)(i.z),";\n  color: ").concat(o.Db,";\n"),p="\n  max-width: ".concat((0,a.A)(i.g),";\n  height: ").concat((0,a.A)(96),";\n"),h="\n  max-width: ".concat((0,a.A)(i.g),";\n  height: ").concat((0,a.A)(56),";\n"),v="\n  border: ".concat((0,a.A)(1)," solid ").concat(o.Q_,";\n  border-radius:  ").concat((0,a.A)(i.z),";\n  outline: ").concat((0,a.A)(1)," solid ").concat(o.ON,";\n  &:after {\n    content: '';\n    position: absolute;\n    top: ").concat((0,a.A)(-3),";\n    right: ").concat((0,a.A)(-3),";\n    bottom: ").concat((0,a.A)(-3),";\n    left: ").concat((0,a.A)(-3),";\n    background: ").concat(o.Q_,";\n    border-radius:  ").concat((0,a.A)(i.z+3),";\n    z-index: -1;\n  }\n")},55712:function(n,e,t){t.r(e),t.d(e,{mapStateToProps:function(){return i}});var r=t(52956),a=t(37199),o=t(44931),i=function(n){var e=n.productDetails;return{productSelectedCapacity:e.productSelectedCapacity,productSelectedColor:e.productSelectedColor,productSelectedMecId:e.productSelectedMecId,realtimeDeviceId:e.realtimeDeviceId}},c={setProductSelectedCapacity:o.Qe,setProductSelectedMecInfo:o.BS};e.default=(0,r.Ng)(i,c)(a.R)}}]);